Aluvi split-view clickable prototype

Wireframe set · 18 screens

Left side shows the existing low-fi wireframes in their default state. Click any screen card to load that screen into the interactive prototype on the right.

Screen 01

Splash / app launch

Brand moment. Check auth + subscription state and route silently.

Screen 02

Welcome

First impression. One job: continue with Apple.

Stop guessing. Start glowing.

Answer 7 quick questions. Get a personalized skincare routine built around products you already own — in 60 seconds.

Screen 03

Q1 · Skin type

Collect skin type using single select.

What’s your skin type?

Not sure? Pick Combination if your T-zone gets oily but your cheeks feel dry.

  • Dry
  • Oily
  • Combination
  • Normal
  • Sensitive

Next →

Screen 04

Q2 · Skin concerns

Collect up to 3 skin concerns.

What bothers you most about your skin?

Pick up to 3. Focus on what you want to fix first.

  • Acne
  • Dark spots
  • Anti-aging
  • Dryness
  • Oiliness
  • Redness
  • Uneven texture
  • Brightening

Next →

Screen 05

Q3 · Skin sensitivity

Collect sensitivity level with single select.

How does your skin react to new products?

Sensitive skin tends to get red, itchy, or irritated easily — especially with strong ingredients.

  • Rarely reacts
  • Sometimes reacts
  • Reacts easily

Next →

Screen 06

Q4 · Budget

Collect monthly skincare budget.

What’s your monthly skincare budget?

We’ll only suggest products that fit what you’re comfortable spending.

  • Under $20
  • $20–$50
  • $50–$100
  • $100+

Next →

Screen 07

Q5 · Sunscreen habit

Collect sunscreen habit.

Do you use sunscreen every day?

  • Yes, always
  • Sometimes
  • Honestly, not really

Next →

Screen 08

Q6 · Products owned

Scan barcodes or add products manually.

What products do you already own?

Scan the barcode on each one. We’ll build your routine around what you have.

  • Point at a barcode
  • Add manually

Scan or add at least one product to continue.

Screen 09

Q7 · Primary goal

Collect top skin goal and trigger build.

What’s your #1 skin goal right now?

Be honest — there’s no wrong answer. This shapes everything.

  • Clear skin
  • Even tone
  • Anti-aging
  • Hydration
  • Simpler routine

Build my routine →

Screen 10

AI loading

Manage expectation during routine generation.

Analyzing your skin profile…

Screen 11

Routine result (preview + paywall gate)

Show real AM preview value, then gate the full routine behind the paywall.

Maya, your routine is ready.

Built around your products. Personalized for your skin.

Based on your sensitivity and focus on breakouts, we kept this routine simple and barrier-friendly. It leans on products you already own, with a clear AM and PM structure you can actually stick to.

  • Morning routine — preview
    • Step 1 · Cleanser
      CeraVe Hydrating Cleanser
      Massage onto damp skin for 30 seconds, then rinse.
    • Step 2 · Serum
      Niacinamide 10%
      Apply 2–3 drops to clean, dry skin.
    • [lock] Step 3 · Moisturizer
    • [lock] Step 4 · Sunscreen

We noticed a product combination that can be too much on the same night — so we already spaced it out safely in your routine.

Unlock your full routine — 7 days free See your complete AM + PM routine, conflict details, and progress tracking.

Screen 12

Paywall

Present plans clearly and start the trial.

Your skin. Your routine.

Personalized AM & PM routine, ingredient conflict alerts, and progress tracking — all built around products you already own.

  • Weekly [price]
  • Monthly [price]
  • Annual · Best value [price]✓

Start 7-day free trial 7 days free, then [price]. Renews automatically. Cancel anytime in your iPhone Settings.

Screen 13

Full routine result

Show the user’s full AM/PM routine, progress, recommendations, conflict detail entry point, and product editing.

Routine Share

  • Morning
  • Evening

0 of 4 steps done

  • Step 1 · Cleanser
    CeraVe Hydrating Cleanser
  • Step 2 · Serum
    Niacinamide 10%
  • Step 3 · Moisturizer
    Vanicream Daily Facial Moisturizer
  • Step 4 · Sunscreen
    SPF 50

ⓘ Some products in this routine are scheduled to avoid clashes. See details →

＋ Edit products Start routine

Screen 14

Ingredient conflict detail

Let users understand how Aluvi already scheduled potentially clashing products. Informational only, no action required.

Retinol + AHA

These two products can be a little too much when used on the same night, especially if your skin is sensitive. To keep things easier on your barrier, Aluvi already spaced them out for you.

Here’s what we did

  • Retinol Mon · Wed · Fri
  • AHA exfoliant Tue · Thu
  • Weekend Recovery nights

Got it

Screen 15

Progress screen

Show consistency and motivate the habit loop.

Your progress starts today.

Complete your first routine and it’ll show up here.

No progress yet Start your first routine today. Your progress will show here.

Screen 16

Profile / Settings

Manage profile, subscription, settings, and profile photo.

Profile

Maya Annual · Renews Jun 4 Manage subscription Open Settings Retake quiz ›

Screen 17

Edit products (bottom sheet)

Let returning users edit their product list without retaking the quiz.

Edit products

Scan the barcode or type the name.

  • Point at a barcode
  • CeraVe Cleanser ×
  • Niacinamide 10% ×
  • SPF 50 ×
  • Add manually

Update my routine

Screen 18

Home

Daily launch screen. Show what to do right now, then get the user into the routine fast.

Good morning, Maya.

  • UV 6 · wear SPF
  • M
  • 28 ✓
  • T
  • 29 ✓
  • W
  • 30 ✓
  • T
  • 1 ✓
  • F
  • 2 ✓
  • S
  • 3 ✓
  • S
  • 4 today

TODAY’S TIP

• Apply vitamin C on completely dry skin — wait 60 seconds after cleansing.

Use screen switching for flow review and state chips for scenario review. The iPhone preview updates live.