UI Prototype Gallery

Every interface, one place

A complete showcase of melts.la user interfaces — from landing pages to AI intake experiences. Click any card to launch the live prototype.

Landing Pages

4 Prototypes

Full marketing landing pages showcasing the product catalog, delivery advantage, and brand positioning.

☀️Click to preview

Active · Warm Theme

V2 — Editorial

Warm Editorial Landing

Clean, light aesthetic inspired by Aesop & Healthspan. Cormorant Garamond serif, cream tones, alternating product rows, dark delivery section, scrolling marquee.

Cream + Amber Serif Typography Alternating Layout Marquee Bar Comparison Cards

🌙Click to preview

V1 · Dark Theme

V1 — Cyberpunk

Dark Gradient Landing

Healthspan-inspired dark luxury. Purple/pink/teal gradients, Inter + Playfair Display, card grid layout, animated fade-up effects, glassmorphic stats bar.

Dark Mode Purple Gradients 4-Column Grid Fade Animations Comparison Table

🔥Click to preview

V3 · Bold Theme

V3 — Split-Screen

Bold Clinical Modern

Split black/cream hero, Space Grotesk + Instrument Serif, burnt orange accent, oversized section numbers, horizontal product scroll, red ticker, 6-card AI intake section.

Split Hero Burnt Orange Product Scroll Section Numbers 6-Card Intake

🦋Click to preview

V4 · Pastel Theme

V4 — Dreamy Pastel

Soft Wellness Pastel

Lavender, blush pink, and mint palette. Floating pill-nav, blurred background blobs, rounded pill-row products, pastel gradient process band, bubble intake cards.

Pastel Palette Pill-Shaped Nav BG Blobs Pill Product Rows Fraunces Serif

AI Intake Experiences

12 Prototypes

12 fundamentally different intake paradigms — each optimized on a completely different UX axis. Per architect directive: diversity of approach, not iteration.

🔮Warm orb flow

Warm Orb + Equalizer

6-step conversational flow with amber orb, 5-bar wellness equalizer, mind-body spectrum slider, morning tracker, and signal chips.

Equalizer Spectrum Signal Chips Gemini API

🌸Her wellness

Female Wellness

Desire Wheel Assessment

Pastel-themed female intake with FSFI-inspired 5-dimension Desire Wheel, goal selection, pattern chips, product matching.

Desire Wheel Goal Cards Pattern Chips Couples Flow

💬Text messaging

WhatsApp-Style Messaging

No sliders, no visual elements. Just text bubbles, quick-reply buttons, and typing indicators. Like texting a knowledgeable friend.

Chat Bubbles Quick Replies Typing Dots Comfort-First

🎤Voice guided

Voice Simulation

Waveform + Transcript

24-bar waveform visualizer, speaker labels, mic button with pulse animation. Simulates a voice-guided assessment.

Waveform Mic Button Transcript Trust-First

🕸Drag the points

7-Dimension Wellness Spider

SVG spider chart with 7 draggable dimension dots. Shape your wellness profile visually. Center shows live total score.

7 Axes Drag Points Live Score Self-Awareness

◎Drop your pin

Mind-Body × Desire-Performance

2×2 positioning with draggable pin. One gesture captures two clinical dimensions. Click or drag to place yourself.

2 Axes Drag Pin 4 Quadrants Speed-First

👆Swipe cards

Tinder-Style Scenario Deck

8 scenario cards with gradient backgrounds. Drag right = yes, left = no. Touch/mouse support with rotation and progress dots.

8 Scenarios Swipe Gesture Progress Dots Engagement

🌙Scroll your story

Emotional Story

Cinematic Chapter Scroll

Full-screen chapters with Playfair serif, gold accent, scroll-triggered animations. Like reading a personal narrative, not filling a form.

Chapters Scroll Reveal Cinematic Emotion-First

⚔️Start quest

RPG-Style XP + Levels

XP bar, level-up badges, achievement popups, quest cards. Each answer earns points and unlocks the next level.

XP System Achievements Levels Completion Rate

🫀Tap body zones

SVG Anatomy Heat Map

8 tappable body zones that cycle green/amber/red. Multi-select symptom chips below. Creates a unique visual concern map.

8 Zones Heat Map Symptom Chips Clinical Accuracy

📅Build your timeline

V11 · Timeline

Progressive History Map

Vertical timeline with dot markers. Each answer fills a dot and reveals the next event. 7 periods from First Signs to Safety Check.

7 Events Progressive Reveal Arrow Flow History-Taking

60-Second Triage

3 Questions, Giant Buttons

Black background, cyan countdown timer, 3 questions max. Auto-submits at 0. Designed for "I need help NOW" urgency.

60s Timer 3 Questions Giant Buttons Max Conversion

Interactive Components

6 Concepts

Standalone interactive UI concepts — each replaces a traditional medical form question with a visual, intuitive gesture.

🎮All 6 concepts on one page

Full Concepts Page

All Interactive Components

Open the full concepts page with all 6 working, draggable, interactive components. Each one replaces a traditional medical form question with a visual, intuitive gesture.

Wellness Equalizer Spectrum Slider Scenario Cards Signal Chips Confidence Wheel Morning Tracker

🔍30 screenshots

New · March 2026

Competitive Intel

Competitor UI Gallery

30 screenshots across Hims, Ro, BlueChew, Rugiet, and Maximus. Heroes, products, pricing, trust signals, and intake flows. Click to zoom.

5 Competitors 30 Screenshots Lightbox Zoom

🎨12 concepts

New · Product Design

Product Packaging Gallery

12 packaging directions: dark luxury boxes, foil sachets, tins, pouches, couples bundle, delivery unboxing, and lifestyle shots. Our brand in physical form.

12 Concepts 5 Products Dark Theme

Core Strategy Documents

5 Homework Deliverables + 3 Resources

All assigned homework deliverables — written, locked, and mapped to their original assignments. Click "All Core Docs" for the full review page.

📜All 5 homework docs in one page

Homework Deliverables

All Core Strategy Docs — One Page

The 5 assigned homework items rendered as one scrollable HTML page with homework badges, tables, and key decisions. Share this link with Mike.

#2 Speed & Quality #3 Quality Metrics #4 Intake Notes #5 MVP & Branding

⚡Speed + Quality

Speed & Quality Strategy

<12hr pipeline: AI intake (60 sec) → physician review (<4hr) → same-day compounding → courier delivery. 9 safety gates, 6-dimension scoring.

<12hr Pipeline 9 Safety Gates 10-15x Faster

🧠Intake spec

Clinical Product

AI Intake System v2.0

7-phase adaptive intake: couples flow, biohacker framing, 6-dimension scoring, v4.0 product routing, Cynthia coaching voice.

7 Phases Couples Flow Cynthia v2.0

🚀Launch plan

Homework #5 · Updated

MVP Refocus (Updated)

8 of 11 dimensions ✅ complete (pulled forward from Month 2-4). Remaining gaps are operational: physician, courier, payment, outreach.

8/11 Done 5 Products Operational Gaps Only

Differentiator Hypothesis

AI × unique formulations × same-day speed × couples platform = unoccupied position. We control 5 of 6 pipeline steps.

7 Differentiators 3 Defensibility Tiers 7 Assumptions

Brand Strategy v2.0

Premium LA sexual optimization concierge. Biohacker positioning, Cynthia persona spec, 3 member archetypes, language rules.

Biohacker Pivot Cynthia Spec 3 Archetypes

🔍30 screenshots

Competitive Intel

Competitor UI Gallery

30 screenshots across Hims, Ro, BlueChew, Rugiet, Maximus. Threat-level annotations + zoom lightbox.

5 Competitors 30 Screenshots Threat Analysis

📚Full docs hub

Docs Hub (40+ Documents)

Full documentation hub: knowledge base, product architecture, regulatory compliance, and all research files.

Sidebar Nav 40+ Documents Search