Alva.

We designed an AI-powered mobile app that scans cosmetics, household goods, and food for dangerous chemicals and gives users a personalized risk score

Expertise

Mobile App Design

Mobile App Design

/

Industry

Health&Wellness

Health&Wellness

/

Year

2024

2024

Angled phone mockup showing a feed with a photo.
Angled phone mockup showing a feed with a photo.

/

ABOUT

Empower your choices with Alva. Scan to reveal ingredient details, risks, and healthier alternatives in seconds

/

Wireframes

Before any visual design, we mapped every core screen and flow — search or scan a product, land on its risk-score result card, drill into the full ingredient breakdown (hazardous / moderate / low risk), build a scanning history, and add a product manually when there's no barcode or photo match — plus the surrounding account structure: profile, blog, and settings. The wireframes prioritized one fast path from scan to verdict, pushing ingredient-level detail one tap deeper so the main result card stays scannable at a glance.

/

UI SOLUTION 01

Swipe right to reveal more details about each product. For in-depth information, tap on a product to access a dedicated page with comprehensive details.

/

UI SOLUTION 02

Scan a product to instantly access detailed information, and discover a curated list of recommended, better alternatives

/

UI SOLUTION 03

Create personalized collections with your favorite products

/

UI SOLUTION 04

Choose between sleek white and black themes for a personalized user experience

/

Design System

We built the interface on Work Sans (Regular, Medium, SemiBold across an 11–40px scale) and a compact color system: a near-black and gray core paired with three signal colors — red, orange, and green — that carry the risk rating through every screen, from the score slider to the Good/Poor/Bad product tags. Layout runs on a 4-column grid (20px margin, 16px gutter), with reusable components — buttons in default/pressed/disabled states, nav bar variants, product cards, toggles — built with every interaction state defined up front, so new screens stay visually consistent as the product grows.

let’s talk.

Tell us about your project, question, or idea. We’ll get back to you within 1–2 business days.

Create a free website with Framer, the website builder loved by startups, designers and agencies.