Responsive Smart Glasses Landing Page with 3D Product VisualsResponsive Smart Glasses Landing Page with 3D Product Visuals
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
Smart Glasses Landing Page
"See beyond perception." Three words on the phone, and the whole page had to earn them.
On desktop, the headline starts over the edge of a tall portrait of the glasses being worn, so the product name and the product in use read as one image. Next to it, reaction, light and depth sit as three thin gauge lines, each with a one-word reading. Specs, without a spec table.
On mobile, a 3D render of the frame sits between the headline and a single Explore the Series button. One image, one next step.
The palette stays in deep navy and soft gray, so the cool light on the frame stands out on every screen.
Designed by the Hue & Machine team.
#WebDesign #LandingPage #ProductDesign #WearableTech #DarkUI #UIDesign #TechProduct #ResponsiveDesign #UXDesign #FigmaDesign
Post image
Ergini's avatar
pro
• 3h
specs as three thin gauge lines instead of a table, nice
Dmytro's avatar
Thanks Ergini! Thought a spec table would have stopped the page cold. 3 lines with a one word reading each give the feel of the product at a glance, which is what a landing page needs basically🧠
Senad's avatar
Starting the headline over the edge of the portrait is a smart move, it ties the copy to the product right away. Curious how you handled that overlap on smaller tablet widths.
Dmytro's avatar
Thanks, Senad! This set covers desktop and phone only. For tablet, I’d keep the overlap but shorten it so the headline would cross only the edge of the portrait and never the face or the glasses. Once the width gets too tight for that, it switches to the phone layout, with the...
Saeed's avatar
Good work
Dmytro's avatar
Thanks, Saeed!
Saeed's avatar
Most welcome Dmytro!
Muhammad 's avatar
Nice work
Dmytro's avatar
Thank you, Muhammad!
Back to feed
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