The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Badge exploration 🚧
For this exploration, I stuck with a slider, not a new page
The top bit of the slider shows;
🌟 the badge
🌟 the badge name
🌟 and why you earned the badge
It also shows when it was earned & your best run.
The bottom bit shows the week's streak, days left, etc.
It also shows your progress towards the next badge.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
Bought a pack of NFC stickers, now I just scan a tag to track my habits on ✓ This Day
Every tap should move your visitors forward.
Simple navigation, consistent content, and fast-loading pages help people explore your website comfortably on mobile.
Swipe through 3 essentials to check before your next website launch. →
Can visitors find what they need and take action easily on your site?
Fast-loading is the essential most teams underinvest in. I've found compressing the hero and lazy-loading below-the-fold assets does more for mobile flow than any nav tweak.
Heron runs inside Revit, Rhino, ArchiCAD and SketchUp, so the site had to read as an instrument rather than a brochure from the first frame.
The preloader replaces the progress bar with a drawing in progress. A red datum line moves up an architectural elevation carrying the percentage value, and the building is drawn in line by line as loading completes. Supporting information sits in the margins in the same register: live cursor coordinates, a project spec card covering type, founding year, focus and location, and a numbered system boot sequence.
Functionally it covers asset loading for the interactive hero, so the drag-to-reveal behaviour responds immediately once the page lands. Editorially it sets the frame before a single line of marketing copy appears.
