ahmed.mostafa
Fittpub · Product design

Fittpub.

Healthy eating, made easier to live with.

Product design · Mobile experience · 50+ screens
Fittpub home and progress screen in an orange iPhone 17 Pro Max
01 / Context

Healthy eating has to work every day.

Fittpub combines meal planning, food discovery, progress tracking, subscriptions, and delivery in one mobile experience. The challenge was to make those separate moments feel like one manageable daily routine.

02 / My role

I shaped the experience from insight to interface.

I analyzed public reviews and competitor experiences, framed the product around recurring frustrations, mapped the information architecture and user flows, then designed wireframes, the mobile interface, and a reusable visual system across more than 50 screens.

03 / The challenge

A plan needs room for real life.

The research pointed to friction around rigid plans, unclear progress, and limited control after subscribing. I used those signals to make flexibility, visible progress, and the ability to adjust meals central to the experience.

04 / The design response

Keep choices connected to the goal.

I organized the journey from personal goals to a daily plan, meal discovery, tracking, and delivery. Meal details, nutrition, replacement choices, and cart changes sit close to the decision, so users can adapt their routine without losing context.

05 / Research

I designed from repeated friction—not assumptions.

I analyzed public reviews and competitor experiences, then reframed Fittpub around flexibility, visible progress, and control after subscribing.

Fittpub research findings and repeated user frustrations
06 / Architecture

I mapped the full product before styling a screen.

More than 50 connected screens were organized into clear journeys for discovery, subscription, daily progress, meal changes, and delivery.

Fittpub information architecture
Fittpub connected user flows
07 / Wireframes

Structure before polish.

I worked through hierarchy, actions, and screen-to-screen logic in wireframes before introducing the visual layer.

Fittpub mobile wireframes showing the connected product structure
08 / Experience

Personalize. Plan. Track.

I kept the user’s goal visible across setup, everyday progress, and the choices that shape each plan.

Fittpub meal preference screen
Fittpub BMI result screen
09 / Daily experience

One routine, with room for real choices.

The experience moves between a personal plan, the wider market, and café options without breaking the user’s progress or daily context.

Fittpub market screen
Fittpub café experience screen
10 / System

One visual language across 50+ screens.

I built the typography, color, and reusable interface rules to keep a broad product consistent and ready for delivery.

Fittpub Arabic typography and color system
11 / Decisions

Decisions stay close to the meal.

Meal details, nutrition, customization, and cart changes stay in context so users can adjust without losing momentum.

Fittpub meal details screen
Fittpub shopping bag screen
12 / Choice states

Change the plan without losing the plan.

I kept nutrition, replacement choices, the active order, and account context connected so adjustment feels like part of the routine—not a separate task.

Fittpub meal details and nutrition screen
Fittpub meal replacement journey
Fittpub shopping bag and order changes
Fittpub account and subscription context
13 / Scale

The wider product was designed—not left as edge cases.

Onboarding, support, account, subscriptions, allergies, and delivery states follow the same product logic as the core journey.

A wider collection of Fittpub application screens and product states
14 / Connected flows

The screens work as one product.

Fittpub connected mobile flows across the product
16 / Outcome

A connected product that stays useful after checkout.

Fittpub final mobile interface in an orange iPhone mockup
Next project: Voyaroam