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
Furniture Store Website: Figma to Code
A pixel-accurate front-end build of a detailed Figma design for a furniture e-commerce website. The goal was to recreate the design in code as closely as possible: layout, spacing, colors and typography. Includes a hero section with a sale badge, featured and trending product sections, product cards with cart, wishlist and quick-view icons, category carousels, a latest blog section, and navigation between pages. Built with reusable, clean components, fully responsive on mobile, tablet and desktop. This is a front-end design demo, ready to be connected to a real backend, cart and checkout. Built with Next.js, TypeScript and Tailwind CSS.
Really neat storefront build.
Thank you, Vansita! It was a fun one, recreating the Figma design as closely as possible in code.
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
Umami Color & Finishing is an established color-grading studio in LA. Its work and reputation had outgrown its old site, and the studio was ready for one at the level of its work.
I designed and built it around the work itself: every project filterable by type and colorist, and every view with its own link, so the team can send a lead exactly what fits.
Case study
Live site: umamicolor.com
this is amazing work
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
Good work
I designed a series of editorial-inspired layouts for a fictional typography event and workshop focused on the history of type.
↳ Master typography & layout - The foundation of timeless web design. Join 350+ designers inside my 13-hour online course https://typomonday.com/course
i love your compositions, always so inspiring:))
