Woman Motion Blur
Woman Motion Blur

NutreXS

Woman Motion Blur

NutreXS

Mobile app · Management Platform · Subscription Website · Design System · Branding

Branding · Product design ·
Mobile app + Web backoffice

2026

Clients: NutreXS/Unimedia

Project

NutreXS

Project

NutreXS

001

Identity

From market discovery to visual identity. Understanding the brand's positioning, audience and personality, then translating it into a logo system, colour palette and typography system.

Breakdown

Project & market discovery

Brand positioning: value proposition, target & personality/archetypes

Visual identity: logos, colour palette & typography

001

Identity

From market discovery to visual identity. Understanding the brand's positioning, audience and personality, then translating it into a logo system, colour palette and typography system.

Breakdown

Project & market discovery

Brand positioning: value proposition, target & personality/archetypes

Visual identity: logos, colour palette & typography

001

Identity

From market discovery to visual identity. Understanding the brand's positioning, audience and personality, then translating it into a logo system, colour palette and typography system.

Breakdown

Project & market discovery

Brand positioning: value proposition, target & personality/archetypes

Visual identity: logos, colour palette & typography

002

Product definition

Shaping what the product is and how it works. Defining technical requirements, information architecture, and user flows to ensure every screen and section has a clear purpose before design begins.

Breakdown

Technical requirement specification

Information architecture

User flows, UX & wireframing

002

Product definition

Shaping what the product is and how it works. Defining technical requirements, information architecture, and user flows to ensure every screen and section has a clear purpose before design begins.

Breakdown

Technical requirement specification

Information architecture

User flows, UX & wireframing

002

Product definition

Shaping what the product is and how it works. Technical requirements, information architecture and user flows, so every screen has a clear purpose before any design begins.

Breakdown

Technical requirement specification

Information architecture

User flows, UX & wireframing

003

High-fidelity design

Every screen of the mobile app refined down to the last detail. Typography and colour systems, final fully custom UI, and component variants covering all interactive states, built for consistency across the NutreXS platform.

Breakdown

Typography and palette systems

Final UI design

Component variants & states

003

High-fidelity design

Every screen of the mobile app refined down to the last detail. Typography and colour systems, final fully custom UI, and component variants covering all interactive states, built for consistency across the NutreXS platform.

Breakdown

Typography and palette systems

Final UI design

Component variants & states

003

High-fidelity design

Every screen of the mobile app refined down to the last detail. Typography and colour systems, final fully custom UI, and component variants covering all interactive states, built for consistency across the NutreXS platform.

Breakdown

Typography and palette systems

Final UI design

Component variants & states

004

Hand-off

Everything development needs to build without guesswork. Spacing, sizing and layout specs, component and style libraries, and technical documentation covering every use case.

Breakdown

Technical and use case specificacions

Typography and palette libraries

Component documentation

004

Hand-off

Everything development needs to build without guesswork. Spacing, sizing and layout specs, component and style libraries, and technical documentation covering every use case.

Breakdown

Technical and use case specificacions

Typography and palette libraries

Component documentation

004

Hand-off

Everything development needs to build without guesswork. Spacing, sizing and layout specs, component and style libraries, and technical documentation covering every use case.

Breakdown

Technical and use case specificacions

Typography and palette libraries

Component documentation

Woman Zoom Pose

Full platform wireframing & user flows

Practitioner Backoffice - Patient Mobile App - Account Setup Site

Woman Zoom Pose

Visual identity essentials

Branding

Woman Zoom Pose

Onboarding & account setup flow

Athlete App

Woman Zoom Pose

71 custom components with full interactive states

Design System

Woman Zoom Pose

Color, typography and style documentation

Design System

Woman Zoom Pose

Information architecture diagram

Nutritionist Platform

Woman Zoom Pose

Sign up and payment process

Subscription Website