Skip to content
STUDIO NOTES

Mobile product design

FitZen: turning an AI result into an everyday workflow

Photo analysis alone is not the product. Reviewing, saving and finding a result later are part of the experience.

FitZen interface 1
FitZen interface 2
FitZenExplore the real interfaces and project scope

From model output to a user decision

FitZen starts with a food photo from the camera or gallery. Photo preview, analysis and results are separate states. Foods, portions and nutrients appear as estimates that the user reviews before moving to a daily entry. The design decision is to distinguish a result from the act of saving it, rather than silently treating model output as definitive data.

The interface has a job while users wait

A mobile user needs to know whether analysis is still running. Camera permissions, uploads, errors and retries matter alongside the main screen. Without planning these states, a functioning AI integration can still feel confusing in everyday use. Distinct responsibilities for FitZen’s photo, result and diary screens let us address these states as part of the whole product.

Repeat use needs connected data

Meal history, water and activity tracking, recipe generation and subscription access are other parts of FitZen. Firebase records and local caching support historical access; a separate web dashboard handles content and management. The lesson is to scope an AI feature beyond its API call. Where a result is stored, how it is found later and who can access it also belong in the delivery.

APPLY IT TO YOUR PRODUCT

Mobile App Development

Native iOS with Swift and SwiftUI, or cross-platform with React Native. Idea to store, end to end.