Figma Mockup for new Supplement Store

Closed

Prize:

$190 USD

Entries Received:

758

My sleep-focused supplement brand needs a single, scroll-driven page that seamlessly blends homepage energy with PDP clarity, like gruns.co homepage ... —with the PDP section at the bottom of gruns.co being almost identical to ours. YOUR JOB: mock up a first pass of the page in Figma. I only have the label artwork, copy brief, and a charming mascot; your job is to turn them into a cohesive, story-first experience. As the visitor lands, you should animate the character using them to introduce the core sleep problem (people try a sleep aid that has too much of the active ingredient for a week and wonder why it doesn't work), then guide them through our solution (increasing your magnesium baseline over 90 days) in a light narrative that unfolds while they scroll. Our 90-Day Challenge must become the obvious hero of that journey, visually standing out and motivating commitment. Within this same flow, I also need the full product detail layer: concise description, key benefits, and straightforward usage instructions. Think of it as a homepage that naturally morphs into a PDP without a jarring hand-off. Deliverables • Figma file with desktop and mobile frames, prototype links enabled • Frame-by-frame (or Lottie-ready) animation of the character, reusable across the site • Clear section hierarchy covering: introduction + animated story, 90-Day Challenge spotlight, product description & benefits, usage instructions • All copy and brand assets integrated exactly as supplied, ready for developer hand-off The layout should feel playful but premium, keep load times in mind, and follow modern DTC best practices. Keep it heavily influenced by gruns.co with elements of IM8 I will pick the best Figma mockup to work with going forward :) The name of the brand is BETTER90! but this is a single product sku store for now so the homepage should be all about better sleep :) See labels and copy brief attached. *****PLEASE include link to Figma doc

Featured

Guaranteed

Skills Required

3D Animation

Animation

Branding

Digital Marketing

Figma

Graphic Design

Illustration

Prototyping

UI / User Interface

Web Design

Accepted File Formats

gif, jpeg, jpg, png

Clarification Board
No spam, self-promotion or advertisement is permitted.

Md Zahirul I.

@johirislamj7

4 days ago

Submit my entry #581

Khairul I.

@Khairuli

4 days ago

I hope you understand the difference between AI-generated work and original, handcrafted design. try #356 By @Khairuli

RINAN TECHNOLOGIES

@rinantech01

4 days ago

Kindly check entry #733, feedback appreciated!

Danu S.

@projectzenic

4 days ago

please check Entry #701 thank you

Adam O.

@adamo61

4 days ago

Please check my deisgne #199

Sk Muminul I.

@skmuminulislam

4 days ago

Please check my design #365 If selected, I'll provide the complete Figma file (desktop, tablet & mobile), unlimited revisions, and developer support for a pixel-perfect implementation. ✅ Desktop, Tablet & Mobile ✅ Responsive Design ✅ Interactive Prototype ✅ Developer-Ready Handoff ✅ Design System ✅ Unlimited Revisions

Amrit Pal S.

@creatifstudioss

4 days ago

Check #658

loaia7

@loaia7

4 days ago

"Hi! I’d be happy to work on this whenever you’re ready. If you have any feedback or notes, I’m fully prepared to make the necessary updates."

Shoaib -.

@shoaibchishtits1

4 days ago

Please make a look on #608 entry. I have made complete complete solution for you. A link is provided there for complete website.

Eden M.

@edenm47

4 days ago

Hey! Hope your week's going well. I wanted to share a few logo ideas for you to check out. Rather than locking into one direction too early, I explored three different approaches. Concept 1: https://canva.link/eaiucso4ddbkwu9 Concept 2 https://canva.link/og1t7r6snmo3lst By the way, my submission is under Entry #561 if you need to reference it. No pressure to decide right away. I'd just love to hear your first impression—whether it's a specific logo you like, a color, a font, or simply the overall direction. Your feedback will help me refine the next version.