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
Sharing a recent build structure from a website for an online English learning platform 👋
This project focused on creating a clear learning focused layout with strong hierarchy for course discovery, enrollment and trust building sections.
Before any styling, I always start with structure only. Just spacing, layout and content flow in grayscale.
Here is the full project for context😍
If the structure is confusing at this stage, adding visuals will not fix it later.
This phase usually decides how strong the final experience will be.
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
Half Off Mattress Outlet — E-commerce Website Design & Development
What if luxury sleep didn't have to come with a luxury price tag?
That was the idea behind this project.
Proud to showcase my website design and development project for Half Off Mattress Outlet, an e-commerce experience built around making quality sleep more accessible.
The goal was to create a clean, modern, and conversion-focused website that makes product discovery easier, communicates value clearly, and gives customers the confidence to make a purchase.
A few things I focused on:
✦ Clean, modern e-commerce UI
✦ Strategic product presentation
✦ Clear pricing and savings communication
✦ Intuitive navigation and user experience
✦ Trust-building sections and customer benefits
✦ Responsive design across devices
The bigger idea was simple: don't just showcase mattresses — sell the experience of better sleep.
I'd love your feedback!
If you were shopping for a mattress online, what would influence your decision most: the product design, price, customer reviews, or delivery and warranty benefits?
Drop your thoughts below. Let's talk design! 👇
Designed & Developed with Webflow.
#WebDesign #Webflow #EcommerceDesign #UIDesign #UXDesign #WebsiteDesign #WebDevelopment #ProductDesign #EcommerceWebsite #LandingPageDesign #ResponsiveDesign #UserInterface #UserExperience #WebDesigner #DigitalDesign #Behance #CreativePortfolio #VisualDesign #OnlineStore #ConversionDesign
lovely design
Photographer Portfolio Website
"Capturing light, emotion, and the moments you never want to forget." That line set the tone, and the layout follows it.
The hero is one motion-blurred portrait washed in red. The photographer's name runs across the bottom in a condensed white face, so large the screen cuts it off. The photo keeps its soft focus, and the name still reads first.
Thin grid lines split the page into narrow columns, and the small copy sits justified inside them. The loose photo gets a strict structure to lean on.
A single round red button with an arrow sits right on the letters and marks where to go next.
Designed by the Hue & Machine team.
#WebDesign #Photography #PortfolioWebsite #EditorialDesign #Typography #UIDesign #ProductDesign #CreativeDirection #ResponsiveDesign #FigmaDesign
The heavy condensed white FLORENCE over the red portrait is bold, and keeping the same red across phone, laptop and type tile makes the case study read as one system. Did the red come from the photographer's own work, or was it your call?
Video-led hero for me. The big script Presence over the field sells a feeling in one glance, which is what wellness needs. The expanding gallery would work well as the second section.