CASE STUDY 01 · B2B SAAS · REDESIGN · 2025

End-to-end redesign of a Nutrition SaaS Platform in LATAM

A comprehensive redesign project for a B2B SaaS platform serving clinical nutritionists. Scope covered landing page, purchase flow, cart abandonment recovery, clinical consultation flow, AI-powered search, calendar optimization, icon system redesign, and a new design system from scratch.

First deliverable results: 87% fewer clicks in the critical flow, SEQ 5.7/7, and a scalable design system powering the entire platform.

ROLE
UX/UI Designer (end-to-end)
TYPE
Full platform redesign
TIMELINE
~4 months (phase 1) · Ongoing
TEAM
Designer (me), CEO/Product Owner, 1 Developer
TOOLS
Figma, Maze, FigJam, Google Meet
SCOPE
Landing · Purchase flow · Cart recovery · Clinical flow · AI search · Calendar · Icons · Design system
Nutrikind — Nutrition Health SaaS platform overview
-87%Flow reduction
5.7/7SEQ Score
28User interviews
18Usability tests

01 · THE CONTEXT

A B2B SaaS platform serving clinical nutritionists across LATAM. The existing product had multiple friction points: a landing page that failed to communicate value, a purchase flow with high abandonment, a clinical consultation flow requiring 30+ clicks for a basic task, and disconnected scheduling that created workflow bottlenecks.

The project was framed as a comprehensive redesign — not a patch — addressing acquisition, conversion, retention, and operational efficiency simultaneously.

REDESIGN SCOPE

8 workstreams unified by a single design system: landing page, purchase flow, cart abandonment recovery (HTML email strategy), clinical consultation flow, AI-powered search button, calendar/scheduling optimization, icon system redesign, and full design system.

01

Acquisition

Landing page redesign + value proposition

02

Conversion

Purchase flow + cart abandonment + email recovery

03

Retention

Clinical flow + AI search + calendar + icons

Landing page ACQUISITION Purchase flow CONVERSION Cart recovery CONVERSION Clinical flow RETENTION AI search RETENTION Calendar RETENTION Icon system RETENTION DESIGN SYSTEM tokens · components · variables unifies every workstream ACQUISITION CONVERSION RETENTION DESIGN SYSTEM
Scope · 7 workstreams unified by a single design system

02 · RESEARCH

International qualitative research following NN/g protocols across 5 countries, capturing diverse clinical workflows and regional differences in nutritionist practices.

MEXICO SPAIN PERU COLOMBIA ECUADOR USA
FREQUENCY × SEVERITY HIGH LOW LOW HIGH 3 CRITICAL
Pain Point Matrix
NAVIGATION DATA ENTRY FEEDBACK WORKFLOW
Affinity Mapping
IDEA I C E Clinical flow Diet templates AI search Calendar IMPACT · CONFIDENCE · EASE
ICE Prioritization
PRODUCT UX AI MOBILE API Nutrition SaaS Competitor A Competitor B Competitor C Competitor D
Competitor Benchmark
DOMAIN EXPERTISE ADVANTAGE

My experience as a clinical nutritionist (1,800+ consultations) allowed me to ask questions a designer without clinical context would never ask — and detect problems users had already normalized.

03 · LANDING PAGE REDESIGN

The original landing page failed to communicate product value clearly. Nutritionists didn't understand what problem the platform solved in the first 5 seconds — a critical conversion failure.

Value proposition overhaul

  • Result-oriented headline, not feature-focused
  • Real usage metrics and active nutritionist testimonials
  • Information architecture reorganized by user decision priority
  • Reduced competing CTAs to a single clear linear flow
Landing page — value proposition overhaul
Original landing page — low conversion, confused value prop
BEFORE · ORIGINAL
Redesigned landing page — clear value prop, strong CTA
AFTER · REDESIGNED

04 · PURCHASE FLOW & CART RECOVERY

The freemium model had a problem: users tried the product for free but the upgrade to premium was confusing and the paid plan's value wasn't clear. We also designed a complete cart abandonment recovery strategy.

Simplified pricing + checkout

  • From 4 confusing plans to 2 clear options with visual comparison
  • Guided trial onboarding showing premium value during free period
  • Reduced checkout steps and fields, LATAM-relevant payment methods
  • Contextual upgrade triggers at the right moment
Simplified pricing — three checkout variants tested

Cart abandonment recovery

  • HTML email sequence triggered by cart abandonment
  • Reminder strategy with escalating value proposition
  • Personalized content based on plan interest and usage data
  • Clear CTA bringing users back to exact checkout step
Cart abandonment recovery — HTML email strategy
Complete purchase funnel — 5 screens from landing to welcome email

05 · CLINICAL FLOW OPTIMIZATION

The highest-impact intervention targeted the most repeated task in a nutritionist's week: adding and removing diets from a patient's plan. The original system buried this action under 30+ clicks spread across 4 screens — a detour through menus, nested lists, and confirmation modals every time a plan changed. I redesigned it as a single-surface flow in 4 clear steps.

Adding a diet

BEFORE · 30+ CLICKS
AFTER · 4 STEPS

Removing a diet

BEFORE · MULTIPLE STEPS
AFTER · 1 TAP + UNDO

06 · AI SEARCH, CALENDAR & ICON SYSTEM

Three additional workstreams that improved operational efficiency and brand consistency across the platform.

AI-powered search button

Redesigned the platform's search experience with an AI-powered button. The new design maintains the existing UI color system while incorporating a custom brand detail inspired by the company's mascot identity — combining familiarity with a distinctive touch.

AI-powered search button with brand detail inspired by the mascot identity

Calendar & scheduling optimization

Redesigned the appointment scheduling flow to reduce no-shows and improve nutritionist workflow. Optimized the calendar view for clinical workflows where back-to-back consultations are the norm.

Calendar and scheduling optimization — patient assignment workflow

Custom icon system redesign

Redesigned the platform's icon library to improve visual consistency and support the design system. Each icon follows unified stroke weight, corner radius, and optical sizing rules.

Custom icon system — unified stroke, radius, and mascot states

▸ Live preview · hover to try

Nutrikind · Icon animations
Hover each icon to try
Inicio · Y −3px
Pacientes · split X
Nuevo · Scale 125%
NutriClinical · Fade
Catálogos · Rotate −8°
Dietas · Varita + chispas
Cálculos · Dim 40%
Reportes · Bars grow
Config · Rotate 90°
Dudas · ? bounce
Aprendizaje · Y + rotate
Salir · X +4px

07 · DESIGN SYSTEM

Built as the foundation for the entire redesign — landing, purchase, and clinical app share the same visual system:

Nutrikind Design System v2.0 — tokens, components, icons unified
Button master components — variants, sizes, states in Figma
Color tokens + typography scale — DM Sans with full semantic palette

08 · MOBILE EXPERIENCE

Basic mobile prototype designed for nutritionists who need to access patient data and log consultations on the go. Responsive adaptation of the core clinical flows.

Mobile app — dashboard with session reminder and daily plan
Mobile — weekly diet calendar with meal tracking
Mobile — weight evolution and body composition metrics

09 · DESIGN PROCESS

01
Research
28 interviews, heuristic audit, competitive analysis across 5 countries
02
Synthesis
Pain points, personas, journey maps, ICE prioritization
03
Design
Wireframes → UI, iterative cycles with product team
04
Validation
18 usability tests via Maze + moderated sessions

Iterative approach: each workstream cycled through wireframe → validation → UI → testing. All workstreams shared research findings to maintain coherence.

01 · WIREFRAME Low fidelity · structure Paper · FigJam · sketches 02 · MID-FI Grayscale · hierarchy Figma · components · layout 03 · FINAL UI High fidelity · production Brand · design system · handoff
Fidelity progression applied to every workstream

10 · RESULTS

Validated results from the clinical flow (first completed deliverable):

-87%Flow clicks
5.7/7SEQ Score
100%Task completion
30→4Steps reduced

Landing page, purchase flow, and cart recovery are in implementation. Conversion metrics pending post-launch measurement.

11 · REFLECTION

This project confirmed that domain expertise is a real multiplier. Having lived 1,800+ consultations as a nutritionist allowed me to detect friction that users had already normalized — and propose a redesign that doesn't just improve the interface, but rethinks the product's core logic.

The most valuable learning: a comprehensive redesign works best when the design system is built first. Shared tokens and components across landing, purchase, and clinical app guarantee visual coherence and accelerate production across every workstream.

REDESIGNUX RESEARCHLANDING PAGEPURCHASE FLOWCART RECOVERYAI SEARCHDESIGN SYSTEMFIGMAB2B SAASMAZEUSABILITY TESTINGICON DESIGN
View on Behance →

KEEP READING

More evidence-driven design.