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
Experimental design still needs a reading order.
With UNRULED, I wanted to push the layout while keeping a clear path through the page.
Oversized typography leads the eye. Cobalt highlights key details. Offset images give the gallery its rhythm.
Swipe through the thinking behind these design choices.
Which detail catches your eye first: typography, colour or layout?
DETECH Optimize. Elevate.
#DETECH #WebDesign #UIUX #ExperimentalDesign #DesignProcess
hard agree on the reading order thing. the chaos only works when the eye knows where to land first
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
Related posts
Juice & Beverage Shopping App UI/UX Design
A fresh and modern juice and beverage shopping app designed to deliver a smooth and engaging shopping experience. Featuring vibrant product visuals, intuitive navigation, interactive animations, and a clickable prototype, this design makes it easy for users to explore beverages and enjoy a seamless ordering journey.
The project combines clean UI, thoughtful UX, and engaging micro-interactions to create a visually appealing and user-friendly mobile shopping experience.
The Client: Alumo is a student impact fund that pools collective influence from influencers and partner schools to deliver a $250,000 annual grant program for student-led projects across Canada.
The Issue: The fund needed a website that could communicate trust and purpose to two very different audiences — students applying for grants and partner schools or influencers considering joining — while also showcasing past winners and guiding applicants through the process clearly.
The Solution: A multi-page website was designed with a warm, approachable visual identity using earthy tones, generous imagery, and clear information hierarchy. Each section — About, Past Winners, and How to Apply — was structured to reduce friction and build confidence, making it easy for students to understand eligibility and take action before the deadline.
Love how you're tackling trust + purpose for a $250K fund - that's a tough balance with two audiences. Communicating credibility for a student-led initiative across Canada is huge. Would love to see how you solved it!
The lime against black and grey keeps these components readable. The stacked bar chart is a nice touch. Are the toggles a custom set or built on an existing kit?