Explore Lunara Botanics: Luxury DTC Front-end Demo Showcase

Explore Lunara Botanics: Luxury DTC Front-end Demo ShowcaseExplore Lunara Botanics: Luxury DTC Front-end Demo Showcase

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

Tong Zhang

• May 29

Lunara Botanics - Luxury DTC Front-end Demo

#Live Demo: https://lunara-botanics.vercel.app/ Lunara Botanics is a Shopify-style DTC front-end demo for a fictional luxury botanical hair and body care brand. #Tech Stack React, Vite, Tailwind CSS v4, localStorage, Vercel. #Key Features • Responsive product pages and collection structure. • Reviews, FAQ, and mini-cart interaction. • Complimentary gift display logic. • Persistent cart state using localStorage. • Mobile-first ecommerce-style browsing experience. #Disclaimer Portfolio front-end demo only. No real checkout, payment processing, backend, inventory, order management, or Shopify admin.

Frontend Development Web Design React Tailwind CSS Vite

Stacy · Heed Collective

pro

• Jun 15

giving the rejected layouts their little main character moment🌟

Web Design Figma Midjourney

Sharon Olusanya

• Jun 16

Cool

Alex K

pro

• Jun 15

Bento grid design collection Visual and Web Design

Paper Claude Framer

Haider Irshad

• Jun 15

Which tool do you use to animate your designs ?

Diana Fabianczuk

pro

• Jun 15

For the #ConfigMakeathon, I created Book Trace. It is a reading journal app that helps you capture thoughts while you read, and leave a personal trace when you finish.

[Concept] Book Trace turns the experience of reading into something you can hold onto. Instead of forgetting what a book meant to you, you leave a Trace — one sentence, one emotion, one word. The app also reads what you wrote and tells you what kind of reader you are, with book recommendations matched to your type and genre.

[Project Overview] For this submission, I designed: - Onboarding flow; - Still Reading experience with in-the-moment note capture; - Finished flow with the full Trace journey; - Reader Identity system with personalized recommendations; - Library with saved traces; - UI Kit and design system.

[Workflow] I built the full product from concept to prototype in Figma. UI Kit, component library, and interactive flows all in one file.

[My Experience] What I loved most about this challenge was how it pushed me to think about the full user journey, not just screens, but emotions. Book Trace started as a simple idea and grew into something that feels genuinely personal.

Figma made it possible to move from rough concept to polished prototype without ever leaving the workspace.

Thank you to the Figma team for a challenge that made me build something I actually want to use! Live project LinkedIn post Community link If this resonates with you, a like, comment goes a long way. Thank you 🙌

configmakeathon Figma Web Design