All projects

Skincare Routine Builder for iOS & Android

AM and PM rituals that turn scanned products into a routine people actually follow.

Role

Product Design Lead

Client

Beauty ID

Industry

Consumer · Skincare · Mobile

Skincare Routine Builder for iOS & Android — cover

Beauty ID helps people understand skincare, scan products, and use them with confidence. This case study focuses on the AM/PM routine experience: a mobile flow to build morning and night rituals, add products from scans or templates, and keep them editable over time.

  • Turned scanned products into AM and PM routines people actually follow.
  • Split routines into AM and PM with a clear, low-friction interaction model.
  • Gave three ways to build a routine and made product order visual.
  • Kept editing close to the routine, and mapped what I would do next.

Split routines into AM and PM

Morning and night skincare follow different rules, so the experience offers two clear modes instead of one generic list.

Two app screens side by side. The first is an empty state reading 'No routines yet' with a 'Create a routine' button. The second is a create-routine form with a routine name field and a Morning and Night time-of-day toggle.

Keep editing close to the routine

Because routines change so often, editing lives inside the routine itself. Users can reorder, replace, remove, and edit products without digging through settings.

Two app screens side by side. The first is an 'Edit steps' list with drag-to-reorder handles plus edit and remove buttons for each product. The second is a 'My Routines' overview showing a morning 'Summer routine' with product thumbnails and a card prompting the user to create a night routine.