A Catalyst type Designer

A Catalyst type Designer

A Catalyst type Designer

A Catalyst type Designer

Bridging the Gap - Weight Watchers Virtual Wellness Check-In Case Study

Objective

The primary objective of this case study is to bridge the gap between IRL workshops and the digital platform within the Weight Watchers app. The focus is on creating a seamless and engaging user experience by addressing key problem areas challenges in connecting the IRL workshop experience to the digital realm.

My Role

As the product designer of Latecheckout studio, My responsibilities throughout the design phase encompassed breaking down the brief, crafting user flows, creating an intuitive UI, and ultimately bringing the design to life through high-fidelity prototyping.

Tools:

Figma

Role:

Product Designer

Team:

2 Product Designers, 1 Project Manager

Timeline:

2 Weeks (80 Hours)

Project Brief

Background

Weight Watchers faced a disconnect between their In-Real-Life (IRL) workshops and the digital platform, impacting user engagement. Challenges included insufficient emphasis on workshops during onboarding, convoluted workshop discovery, and difficulty transitioning from IRL to the digital experience.

Goals

The overarching goal is to create a unified and cohesive user experience that seamlessly integrates IRL workshops and the digital platform. By achieving these objectives and goals, we aim to enhance user engagement, foster a sense of community, and empower users to seamlessly transition between their physical and digital wellness journeys within the Weight Watchers app.

Discovery and Desolation

The initial discovery phase unveiled tales of user frustration, their journey told in whispers of dissonance between physical and digital experiences. The powerful reason to design became clear: to mend the disconnection and create a united story of wellness.

uxflow-jjo
uxflow-jjo
uxflow-jjo
uxflow-jjo

Customer journey map for WW app

Defining the Quest

With insights in hand, the design objectives became the quest. A roadmap emerged – enhance onboarding, enlighten users about the workshops, and forge a seamless transition between IRL and the digital experience.

sketch-03
sketch-03
sketch-03
sketch-03

WW Quest early objectives

WW Quest early objectives

Sketching the Blueprint

With the path now clearly defined, it was time to translate ideas into tangible structures. This phase was about giving shape to strategy—through low-fidelity wireframes, journey maps, and structural flows. The goal was to test the logic before the visuals, focusing on usability, clarity, and purpose.

sketch-03
sketch-03
sketch-03
sketch-03

WW Wire Wellness Checkin

WW Wire Wellness Checkin

sketch-03
sketch-03
sketch-03
sketch-03

Wirframe Wellness Check in

Wirframe Wellness Check in

Painting the Story in Vivid Colors

UI Hi-Fi designs painted the story in vivid colors. The powerful reason was to create visual narratives that not only engaged but emotionally resonated with users. Success stories and educational content became the palette, fostering a deep connection between the user and their wellness journey.

sketch-03
sketch-03
sketch-03
sketch-03

WW Wire Wellness Checkin

WW Wire Wellness Checkin

Reflection

The Weight Watchers Virtual Wellness Check-In wasn’t just another design project—it was a chance to rewrite the story, to turn a scattered user experience into something smooth and meaningful. Every choice we made had a reason behind it, helping stitch together all the loose parts into one clear, engaging journey.

Looking back, the story’s far from over. This case study is more like a living draft—still growing, still changing. Now it’s all about keeping an eye on things, listening to real users, and finding new ways to make the experience even better.

plant-grow
plant-grow
plant-grow
plant-grow

LET’S WORK


TOGETHER

SEND ME A MESSAGE

SEND ME A MESSAGE

SEND ME A MESSAGE