Andrew EllenFull Stack Software Engineer

2025-2026

NutriMotion

I designed and shipped NutriMotion as a full fitness product across iOS, Android, Wear OS, app stores, and its public website.

RoleFull stack software engineer

PlatformsiOS / Android / Wear OS / Web

Back to workVisit NutriMotionApp StoreGoogle Play
NutriMotion device render showing the mobile app and watch companion.

01 / Launch surface

The website splashscreen sets up the product before the app details take over.

The public-facing entry point keeps the message simple and lets the mockup do the talking, which frames the rest of the app showcase cleanly.

NutriMotion splashscreen section from the public website.

02 / Mobile foundation

The app opens on a dashboard built for repeated daily use.

The first screens cover calorie targets, macro breakdowns, weight progress, water, daily widgets, and a home layout that can be changed instead of being fixed forever.

NutriMotion mobile dashboard with calorie and meal breakdown.
NutriMotion dashboard with weight, steps, water, and calorie widgets.
NutriMotion dashboard customisation screen.
NutriMotion reminders and recurring prompts screen.
NutriMotion app preferences screen.

03 / Nutrition

Food logging goes from quick entry to detailed control.

Search, history, recipes, ingredient editing, macro targets, and meal planning are all present, so someone can log quickly or go much deeper without leaving the same product.

NutriMotion food search and history screen.
NutriMotion saved recipes screen.
NutriMotion create recipe screen.
NutriMotion recipe ingredient nutrition screen.
NutriMotion macro target editor screen.
NutriMotion meal planner screen.

04 / Training

Workout planning and guided lifting are part of the same flow.

Weekly planning, calendar views, custom routine building, guided exercise detail, and muscle targeting all sit together instead of being scattered across separate tools.

NutriMotion workout plan overview screen.
NutriMotion workout calendar view.
NutriMotion workout plan builder screen.
NutriMotion exercise detail and guided set plan screen.
NutriMotion exercise muscle map screen.

05 / Progress

Analysis is built into the product rather than pushed off to export screens.

Training volume, muscle balance, exercise-specific progression, goals, weight logs, and broader body measurements are all there for someone tracking change over time.

NutriMotion workout analytics screen.
NutriMotion muscle analysis screen.
NutriMotion exercise analytics screen.
NutriMotion exercise goals screen.
NutriMotion weight tracking screen.
NutriMotion body measurements screen.

06 / Cardio

Cardio sits alongside the lifting side rather than feeling bolted on.

Running, cycling, walking, and hiking each have their place in the app, and the watch companion carries the live tracking side cleanly on the move.

NutriMotion cardio activity list and history screen.

07 / Website

The wider website keeps the same product language through the rest of the page.

After the hero, the site moves into feature-led sections that stay visually consistent with the app instead of feeling like a separate brand exercise.

NutriMotion website section showing feature breakdowns.

08 / Wear OS

The watch companion handles real use, not just a stripped-down glance view.

Daily nutrition, hydration, workout start flows, live cardio, route views, strength plans, and set logging all make it onto the watch in a way that still feels useful at wrist size.

NutriMotion watch dashboard with calorie and macro rings.
NutriMotion watch water intake screen.
NutriMotion watch cardio activity picker.
NutriMotion alternate watch water intake screen.
NutriMotion watch live workout screen.
NutriMotion watch workout controls screen.
NutriMotion watch route map screen.
NutriMotion watch strength workout list screen.
NutriMotion watch set entry screen.

Next project

Morlich Property Management

Open next projectContact Andrew