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
A few more screens from this concept ☺️
This time it’s the contact page on desktop and mobile. I like seeing them side by side — the same elements, but a different composition for each screen 🖤
https://dribbble.com/shots/27810525-LunarCraft-Contact-Page-Across-Screen-Sizes
wow this is just beyond imagination
thank you!
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
Mega menu, phone version
Title: Nexa Electronics: Premium E-Commerce Website with Interactive 3D Exploded Views
Description:
Nexa Electronics is a demo e-commerce website I designed and built to show my skills in modern web design, front-end development and interactive 3D experiences. This video is a walkthrough of the site.
What’s in the video
The home page, with a cinematic hero section and a 3D device showcase
Browsing by category: Smartphones, Laptops, Audio, Gaming, Smartwatches, Smart Home and Accessories
Product pages with configuration and colour options, a zoom inspection view, pricing, stock status and customer reviews
The interactive 3D exploded view (“Explore Inside in 3D”), where you can take products apart layer by layer to see their internal components
Quick View, the device comparison matrix, the shopping bag and a full checkout flow (shipping details, payment, order review and confirmation)
Customer sign-in and an admin dashboard for managing the store
Website features
Interactive 3D exploded views of products, with labelled internal parts and an explode slider
A mega-menu navigation and fast category browsing
Product configuration (storage and colour variants) with live pricing
Wishlist, compare and shopping bag functionality
Device comparison matrix
A simulated checkout with order confirmation
Customer accounts (sign-in)
An admin dashboard with store stats and inventory and price management
A newsletter signup section
A toggle to turn the 3D experience on or off
A responsive, dark and light themed premium UI
Note: I made this video with the help of AI, and it is just a demo to show my skills. To see my work properly, I recommend visiting the live website here: https://nexaelctronics.netlify.app/
Thanks for watching. I’m open to freelance projects, so get in touch if you’d like something similar built for you.
The dark theme and 3D device views look sharp.
What if today we looked at how service sites scale down?
Desktop hero sections give you plenty of room for side-by-side text, images, and service feature cards (Grooming, Pet Sitting, Wellness). But on mobile, stacking all those elements can make the hero feel endless before a user even reaches core content.
When designing for booking-heavy local businesses, do you hide minor feature cards on mobile layouts, or stack them all vertically?
What’s your rule of thumb for mobile section heights?
