AI beauty app, showing where products go

Forever Beauty is a consumer AI and AR app for skincare and makeup.We audited the live app, then redesigned it under a new brand.

Forever Beauty face scan: the camera view of a face inside an oval guide, with Look straight, Find good lighting and Keep your face inside frame; Forever Beauty home: a greeting, search, and Makeup, Home Remedies, Products and Anti-Aging cards above the tab bar; A makeup step on the live camera: Apply lip liner on the highlighted areas, with the Lip Liner sheet and its four products
AR
makeup steps each shows on the face where the product goes
Scan
to plan a scan, a beauty report and a way back to it later
3
directions tried on the same screens before one was chosen

Project summary

We carried a UX audit of Forever Beauty’s live mobile app into a complete UI redesign for iOS and Android. Research connected onboarding, face-scan reports, editable plans and live-camera makeup instructions into one routine. Light and dark modes, a new brand and a shared kit gave the client’s developers a coherent experience to build.

What the app asks of a person, in order

From the first login to a finished look, one path with a supporting cast of shortcuts:

  1. Start

    • Welcome and log in
    • Password recovery
    • Sign-up and verification
  2. Get set up

    • Beauty goals
    • Time per day
    • Reminders and a guide
  3. Scan

    • Photo capture
    • Analysis
    • Beauty report
  4. Understand

    • Details and history
    • Statistics over time
    • Rescan
  5. Plan

    • Personalisation
    • Skincare plans
    • Product recommendations
  6. Apply

    • Makeup guide
    • Live-camera steps
    • After-makeup help
  7. Keep going

    • Notes and skin log
    • Membership
    • Expert help
First scan and Tenth scan
The first one is walked through step by step; later ones have to stay quick.
Personalised and Not personalised
Every guide works for someone who shared their details and for someone who skipped them.
The camera and The instructions
A live picture and the words that explain it share one small screen.

Home, in the order a beauty routine needs it

Found
Home had to send a new user to a scan and a returning user to a plan, with the four kinds of help within reach and no second menu competing with the first.
Decided

One order down the screen: a greeting, search, four large cards for the four kinds of help, and a tab bar with the scan button in the middle. Personal details and the upgrade sit below, out of the way.

Our UI/UX principles guide sets the customer-task priorities; Product redesign carries them into the existing interface. A new visual style earns its place when people can finish.

For the user
The home design puts the four areas of help and the scan entry point together so a person can choose their next task.
Forever Beauty home: Good morning, Jane with a search field, cards for Makeup, Home Remedies, Products and Anti-Aging, and the tab bar with Home, Progress, Scan, Skin Log and Glossary
After: home, with the four areas and the scan button in the tab bar
  1. Who and when

    A greeting and a line about what the app can do today.

  2. Search

    A question about a product or a remedy starts from the first screen.

  3. Four ways in

    Makeup, Home Remedies, Products and Anti-Aging, each with a photograph and one line.

  4. Everywhere else

    Home, progress, scan, skin log and glossary, with the scan in the middle.

How the work progressed

From an audit of the live app to a UI kit, one question closed at a time.

  1. UX audit

    Where the live app confused people, ranked by how much it hurt

    Artifact A screen-by-screen audit with a priority and a suggested fix for each finding

    An audit slide about the Sign Up screen: two phones with the Sign in and Browse app buttons outlined, a priority tag and a suggestion
  2. Competitor research

    What other beauty and skincare apps already did before the redesign started

    Artifact Competitor research

  3. Information architecture

    How the menu, the home cards and the personalisation should be grouped

    Artifact Information architecture and user flows in FigJam

    Information architecture board in FigJam: the live app’s home screen with its skincare and makeup cards, the side menu it opens, and the profile with the member’s photo, subscription details and plans
  4. Wireframes

    What each screen holds, before colour and photography

    Artifact Black-and-white wireframes for every flow, with notes in the file

    Wireframes of log in and forgot password: the log-in form with its error states, with notes beside them
  5. Visual directions

    Which look the product should have, decided on real screens

    Artifact Moodboards, colour directions and three styles of the key screens

    Style 3, updated: a palette of six colours, notes on the style, and the home, scan and report screens in it
  6. UI and design system

    A calm, photographic interface for scanning, plans and makeup steps

    Artifact The full mobile UI, a UI kit and reusable components

    UI kit: Cards and Banners, showing a skincare product card, an article, a product card, a banner, a video and a block
  7. Delivery

    What the client’s developers needed to build it without guessing

    Artifact Client, work, audit and UI kit files in Figma

Every path mapped before it was drawn

Found
A scan has to be taken, checked and read; a sign-up has to reach it in a few steps; each of them needs a way back when the picture or the input is wrong.
Decided
Each flow was wireframed end to end with its branches first: the rescan, the errors, the bad result. Then one tab bar for the whole app.
  1. Scanning and reading the report

    From home through the scan, its analysis and the beauty report, then into the details, the history by week, month and year, and a rescan.

    Open the full map
    Scan flow in wireframes: home and a rescan dialog, the camera with its guidance, the analysis, the beauty report with its detailed scores, and the scanning guide below
  2. From sign-up to the first scan

    Sign-up and its errors, verification, the account questions, then the first scan and a reminder for the next one.

    Open the full map
    Sign-up flow in wireframes: the sign-up form and its error states, verification, the account questions, and the first scan and report
Skincare AM, Your Routine: Let Expert Create Your Plan, then step 1 Cleanser with Biome+ Cleansing Comfort Balm and step 2 Moisturiser with Cooling Aqua Jelly Moisturizer, each with a box to tick, and Complete Routine (0/4)

A skincare routine you tick off each morning

The plan becomes numbered steps, each with the product to use and a box to tick, and one button that closes the routine. Anyone who would rather not build it can ask an expert to.

  • Information architecture
  • User flows with every branch
  • Wireframes for each flow
  • A UI kit with the tab bar and its states

Nine jobs designed for the app

The makeup steps first, then the scan behind them, the plan, the details it runs on, the log that keeps it all, the membership, and the way in.

Our 2025 UX trends review follows the AR camera task through permission, readable instructions and recovery when the picture cannot be used.

Makeup steps on the live camera

Found
Written makeup steps are easy to misread; the person needs to see where a product goes on their own face while they are doing it.
Decided
Each step is drawn over the camera view: the areas to cover are highlighted on the face, the products for the step wait in a sheet below, and one button moves on, up to a finish that offers expert advice.
The makeup guide begins on the live camera: a face inside a frame with a line asking the person to keep still while it is scanned
Apply and blend blush on the highlighted areas: the cheeks marked on the live camera, and the Blush sheet with four products
Apply eyeshadow on the top eyelid and blend it with a brush: the Eyeshadows sheet with four products, each with Visit Page and Add
Congratulations, you’ve completed your makeup, with Get Expert Advice and a list of suggested makeups

A scan that ends in a report

Found
A face scan is a lot to ask at the start; the result has to be worth it and readable in one look.
Decided
A guided scan, an analysis state, then a report: two headline scores, a range bar, the history by week, month and year, and every measure listed, each opening into what it means and what to do.
Analysing your face, over the captured photo, with a Skip link
Beauty Report with a skin age of 20 and an overall score of 25, a range bar from perfect to concerns, a Week, Month and Year chart and the detailed scores
Dark Circles: a score of 25 and solutions in four groups: skincare, facial yoga and massages, makeup and lifestyle, with Watch Tutorial

A makeup plan built from a few taps

Found
Makeup advice depends on the parts of the face, the coverage, the colours and the occasion; asking for all of it in one form creates a risk of overload and abandonment.
Decided
One question per screen, with Continue at the bottom, so the guide that follows fits the person and the day.
Which parts do you want to makeup: a face with Brows, Eyes, Lips, Face and Full Makeup to choose from
What coverage do you want: Full, Medium, Light or No Preferences
What colour do you prefer: a grid of colour swatches, with Continue
What event type are you attending: a list from Interview, Wedding and Concert to Pool Party and Other

Personalisation that stays editable

Found
Personal details drive every plan, but nobody wants to repeat onboarding to change one of them.
Decided
One list of everything the app knows, grouped as general, makeup and environment. Each row opens a single question, and the concerns arrive pre-filled from the scan.
Personalization: rows for stress level, bad habits, concerns, physical activity, water, sleeping, skincare, lenses, time and goals, then makeup and environment
Concerns: chips for acne, dark circles, uneven skin tone and more, with the three found by the scan selected, and Cancel and Apply
What is your face shape: Oval, Round, Heart, Square and Diamond, with Oval selected
Face Analysis: concerns, skin type, face shape, eyes shape, eyebrows, nose shape and lips shape, with Continue

Products, and an expert when you want one

Found
Recommendations are only useful if people can keep the products they own and ask for help without leaving the app.
Decided
A library to add products from, a personal list by area, and a request for an expert-made plan with its steps explained, then a home that says when the plan is ready.
Add Products: a search field and product cards for eyeshadows and a sunscreen, with Cancel and Save
My Makeup Products with Let Expert Create Your Plan, area tabs, product cards and a success message that the request was sent, with Undo
Expert Plan: scan verification, scrutinise your answers, personalised plan and stay in touch, with Request Plan
Makeup: a banner saying Your Expert Plan is Ready, above My Makeup Guide, After Makeup Help, My Makeup Products and Expert Zoom Session

Help after the makeup is on

Found
A person can finish a look and still not know what is off; asking for help has to be as easy as taking a photo.
Decided
After Makeup Help explains its four steps, says plainly when experts are unavailable, and offers an AI scan of the makeup in the meantime.
After Makeup Help: apply your makeup, scan your face, answer a few questions, chat with an expert, and a notice that experts are unavailable with Check Timing and Get Help by AI
Let’s scan your makeup on the camera view, with Look straight, Find good lighting and Keep your face inside frame
Lipstick, a category of the makeup report: a score of 70, a range bar and the Quick Fix Makeup steps, from Prep Lips to Lip Balm

A skin log that keeps the routine together

Found
Scans, observations and answers from an expert end up in different places, and a routine is hard to keep when its history is scattered.
Decided
One Skin Log tab with scans, notes and sessions side by side: every scan with its date and total score, notes sorted by category and sent to an expert from the same card, and a clear warning before a scan is deleted for good.
Skin Log on the Scans tab: search, sort from newest to oldest, and four scans of the same face from 21 June back to 31 May 2024 with total scores of 25, 27, 30 and 32
Skin Log on the Notes tab: Add Note for today, a skincare note about oily skin with Send to the Expert, and a makeup note with a reply from the expert
A Warning dialog over a blurred beauty report: Are you sure you want to delete this scan forever? with Cancel and Delete

Two memberships, told apart at a glance

Found
Two paid plans that differ in how many scans and expert sessions they include are easy to mix up on a small screen.
Decided
One screen per plan, switched by a swipe: what the plan includes, with the monthly limits set in the accent colour, the monthly or annual switch, and the free trial and the price after it stated above the button.
Plus membership: Unlock Your Potential, a Monthly and Annually switch, 15 scans a month, skincare DIY plans, product recommendations, expert playlists, anti-aging tutorials and After Makeup Help 3 times a month, then 7 days for free, then $4.99, with Try For Free
Premium membership: all the benefits of Plus, 30 scans a month, My makeup guide and Before Makeup Help, After Makeup Help 5 times a month and live sessions 3 times a month, then 3 days for free, then $9.99, with Try For Free

Getting in, and getting started

Found
Sign-up asks for a face and a routine before it has given anything back; extra questions add effort before the person sees the value.
Decided
A welcome that says what the app does, then short screens for goals and daily time, each with its own error and a way back.
The Forever Beauty splash screen: the round logo over a photograph of a face
Welcome: let’s start your beauty journey, with Get Started and Log In
What are your main goals: a list from learning makeup with tutorials to tracking beauty progress, with Continue
How much time do you have: 15 min a day marked Normal and 25 min a day marked Recommended, with Continue

A mark, three styles and a palette to design with

Found
The product had to read as one brand from the splash screen to the last card, and the direction had to be chosen on real screens, not on a moodboard.
Decided
We drew the logo in a long and a square format, tried three visual styles on the same key screens, and carried the third into the product, with its colours and app icons in the kit.
Three visual styles for the same screens: a photo-led one with saturated colour, a pastel one with rounded elements, and a saturated-background one with square corners, with the updated third beside them
Logo: the long format, a script Forever Beauty wordmark, and the square format, a rose circle around a script F
App icons: the Play Market icon and the Android icons, the App Store icon and the iOS sizes for iPhone and iPad, each with its guide grid
Colours: grey scale, violet accent shades, a coral secondary, additional pastel colours, success, warning and system colours, and glass tints, each with its value

One score card, and a screen for every bad moment

Found
A scan, a makeup report and a search that finds nothing each had to look like the same app, and error screens are where a consumer product loses trust.
Decided

One score card for skin and for makeup, one look for the states around them, and a system screen for the moments that go wrong.

Our accessibility guide shows why readable controls and clear steps belong in the redesign from the start.

The same score card for skin and for makeup

The skin report and the makeup report share one card: two scores, a range bar and the detail below.

  • Beauty Report with the score card: skin age 20, overall score 25 and the range bar, above the week, month and year chart
    Beauty report: The face scan’s result.
  • Makeup Report: 4 glow-up ideas and an overall score of 40 on the same card, and Your Makeup is on Point with the first suggestions
    Makeup report: The makeup scan’s result.

Drawn for the moments that go wrong

Nothing found, a failed sign-in and a scan that can’t be used each say what happened and what to do next.

  • Search with no results: Nothing Found, a line asking to clear the search and try again, and Clear Search
    Nothing found
  • Log in with an error message under the form
    Sign-in error
  • The scan step with a dark picture and Find good lighting flagged in red, and Look straight and Keep your face inside frame ticked
    Scan error

Where the product ended up

One design for the whole routine: a way in that asks little, a face scan that ends in a readable report, personalised plans that stay editable, and makeup steps drawn on the live camera, from the first sign-up to help after the makeup is on.

Delivered for iOS and Android as client, work, audit and UI kit files; building the app and its AI and AR stayed with the client’s team.

live-camera makeup steps, designed
AR
visual styles explored, one chosen
3
one cross-platform design
iOS + Android

In the client's words

Our product had become outdated, and we knew it needed a substantial rethink. ANODA started with a thorough UX audit that helped us understand where users were struggling, which parts of the experience needed the most attention, and what to prioritise. They then turned those findings into a redesign that felt like a huge step forward—modern, intuitive and visually polished. We appreciated how they challenged what wasn’t working while respecting the technical constraints of the existing product. The transformation went well beyond appearance; it gave us a clearer, more cohesive product and a direction we were excited to move forward with.

Anika Chirawawala Forever Beauty

5.0

What does your scan do when the picture is bad?

In Forever Beauty, a scan taken in poor light is flagged on the screen itself with what to fix, and the flows were drawn with the rescan and the bad result in them. Show us your scan flow, and we’ll show you where it strands people.

Read more about the design decisions

All articles