CVS AI Prototyping Pilot: Healthy Habits Tracker

As part of CVS's AI Prototyping pilot program, I participated in evaluating two emerging AI design tools - V0 by Vercel and Figma Make - to help inform the company's
future prototyping toolkit.

Working in a healthcare company means constantly seeking innovative ways to engage patients and customers around their health and well-being. To assess each tool's capabilities, I created a speculative habit-tracking app prototype.

My role

UX/Product Designer & Pilot Participant

Tools

Figma Make
V0 by Vercel

Deliverable

Functional prototype + usability feedback

Evaluation

Cross-functional team testing across multiple disciplines

The challenge

CVS needed to understand which AI prototyping tool would best serve the organization's design and development needs. The evaluation required hands-on testing with realistic use cases that could demonstrate each tool's strengths and limitations across different disciplines and workflows.

The Solution

I designed a gamified habit-tracking app focused on hydration, breathing, and sleep - core pillars of preventive health. The prototype leveraged behavioral design principles to create an engaging experience that balances extrinsic motivation with long-term habit formation.

Dashboard: Personalized Progress at a Glance

The home screen surfaces what matters most: current streak, daily progress rings for three core habits, and weekly trend cards. Personalization and loss aversion work together to encourage daily engagement.

Key Features:

  • Personalized greeting and 7-day streak counter

  • Real-time progress rings for water, breathing, and sleep

  • Weekly overview with percentage improvements

Habits: Active Tracking Made Simple

Each habit card shows progress, goals, and streaks at a glance. Quick-add buttons reduce friction, making daily logging effortless.

Key Features:

  • Search to explore new habits

  • Visual progress bars with streak indicators

  • One-tap logging via quick-add buttons

Progress: Data That Tells Your Story

Toggle between weekly, monthly, and yearly views to spot patterns. Line charts reveal consistency trends while bar graphs break down daily habits.

Key Features:

  • Flexible time-range filtering (week/month/year)

  • Multi-habit line charts and daily bar graphs

  • Clean presentation that avoids data overwhelm

Rewards: Celebrate Every Milestone

Earn points for consistency and redeem them for health-focused rewards. The tiered unlock system creates clear goals and anticipation.

Key Features:

  • Point balance with progress to next reward

  • Health-aligned incentives (water bottles, lab tests, memberships)

  • Tiered system with locked/unlocked states and badge collection

Tool Evaluation: Figma Make vs. V0 by Vercel

Figma Make

Pros:

  • Seamless integration with existing Figma workflows

  • High-fidelity output with precise design control

  • Strong prototyping capabilities for user testing

  • Familiar interface for designers

  • Direct brand integration - Could attach CVS's brand system directly to the tool, ensuring consistent application of colors, typography, and design tokens throughout the prototype

Cons:

  • Steeper learning curve for complex interactions

  • Limited code generation compared to V0

  • Requires more manual refinement

V0 by Vercel

Pros:

  • Rapid generation of production-ready code

  • Excellent for developer handoff

  • Faster iteration on functional components

  • Strong AI-driven suggestions

Cons:

  • Less design control and polish

  • Brand system application requires more customization

  • Better suited for developers than pure designers

Outcome & Impact

After cross-functional testing by team members across design, product, and development disciplines, Figma Make was selected as the preferred prototyping tool for CVS. The ability to directly integrate brand guidelines proved critical for maintaining design consistency at scale - a key requirement for a company with established brand standards.

The pilot successfully demonstrated how AI-assisted design tools can accelerate the prototyping process while maintaining quality and brand integrity. My prototype contribution helped inform this strategic decision about the company's design technology stack.

Key Takeaway

For organizations with mature design systems, the ability to attach and enforce brand guidelines directly within the AI tool outweighs the advantage of faster code generation. Figma Make's seamless integration with existing design workflows made it the clear choice for CVS's needs.

Let's connect
I love collaborating with teams to bring ideas to life—with purpose, curiosity, and a little nerdy precision where it counts.

© Matthew Bouchard Design

© Matthew Bouchard Design

© Matthew Bouchard Design