Kayla Lee

02

Guided ai onboarding

Redesigned FlaiChat's mobile onboarding experience to help users understand AI faster, reduce friction during sign up, and build confidence from the very first interaction.

15%

Reduced early user drop-off

20%

Increased onboarding completion rate

Faster time to first translation

Desktop Screen

Company

FlaiChat

Role

Product Designer

Timeline

3 Days

Platform

Desktop SaaS

Team

CEO/Founders, Engineering Product Designers

Tools Used

Figma, FigJam, Slack, Loom, Notion, Google Workspace

The Challenge

FlaiChat helps multilingual families communicate across language barriers using AI-powered translation, but many first-time users were unfamiliar with both AI and the app itself. The existing onboarding consisted of a few welcome screens that provided little guidance, leaving users uncertain about what the product did or how to get started.

The Goal

Create a more approachable onboarding experience that builds confidence, accommodates different levels of technical comfort, and helps users reach their first successful translation as quickly as possible.

Success Metrics

Increased onboarding completion rate

Faster time to first translation

Reduced early user drop-off

Section Divider

Research & Insights

๐Ÿคจ

Many users were unfamiliar with AI-powered products.

๐Ÿ‘ฉ๐Ÿฝโ€๐Ÿซ

Older and less technical users benefited from guided, step-by-step instruction.

๐Ÿ’ช๐Ÿผ

Users wanted flexibility without feeling forced through onboarding.

Design Principles

๐Ÿคท๐Ÿผโ€โ™€๏ธ

Reduce uncertainty

โœ…

Build trust through guidance

๐ŸŒ

Reduce unnecessary memory load

Section Divider

The Solution

The onboarding experience was redesigned around flexibility and clarity. Rather than forcing every user through the same flow, users can either skip onboarding entirely or choose a guided walkthrough tailored to first-time users. The experience introduces key features through simple illustrations, interactive setup steps, and progressive education instead of overwhelming users with information upfront.

Key Improvements

+ Two Onboarding Paths

+ Progress Tracker

+ Illustrations

+ Increased Touch Targets

+ Expanded Sign-up Options

Before

After

Impact

Reduced early user friction during onboarding.

Improved clarity around AI-powered features and app functionality.

Increased accessibility for multilingual users across varying levels of technical confidence.

Section Divider

Previous

Pending Users

Next

Image Uploads

Made in Figma Sites by

Kayla Lee

Linkedin Profile
Email
TV Illustration

Kayla Lee

02

Guided ai onboarding

Redesigned FlaiChat's mobile onboarding experience to help users understand AI faster, reduce friction during sign up, and build confidence from the very first interaction.

15%

Reduced early user drop-off

20%

Increased onboarding completion rate

Faster time to first translation

Desktop Screen

Company

FlaiChat

Role

Product Designer

Timeline

3 Days

Platform

Desktop SaaS

Team

CEO/Founders, Engineering Product Designers

Tools Used

Figma, FigJam, Slack, Loom, Notion, Google Workspace

The Challenge

FlaiChat helps multilingual families communicate across language barriers using AI-powered translation, but many first-time users were unfamiliar with both AI and the app itself. The existing onboarding consisted of a few welcome screens that provided little guidance, leaving users uncertain about what the product did or how to get started.

The Goal

Create a more approachable onboarding experience that builds confidence, accommodates different levels of technical comfort, and helps users reach their first successful translation as quickly as possible.

Success Metrics

Increased onboarding completion rate

Faster time to first translation

Reduced early user drop-off

Section Divider

Research & Insights

๐Ÿคจ

Many users were unfamiliar with AI-powered products.

๐Ÿ‘ฉ๐Ÿฝโ€๐Ÿซ

Older and less technical users benefited from guided, step-by-step instruction.

๐Ÿ’ช๐Ÿผ

Users wanted flexibility without feeling forced through onboarding.

Design Principles

๐Ÿคท๐Ÿผโ€โ™€๏ธ

Reduce uncertainty

โœ…

Build trust through guidance

๐ŸŒ

Prioritize accessibility

Section Divider

The Solution

The onboarding experience was redesigned around flexibility and clarity. Rather than forcing every user through the same flow, users can either skip onboarding entirely or choose a guided walkthrough tailored to first-time users. The experience introduces key features through simple illustrations, interactive setup steps, and progressive education instead of overwhelming users with information upfront.

Key Improvements

+ Two Onboarding Paths

+ Progress Tracker

+ Illustrations

+ Increased Touch Targets

+ Expanded Sign-up Options

Before

After

Impact

Reduced early user friction during onboarding.

Improved clarity around AI-powered features and app functionality.

Increased accessibility for multilingual users across varying levels of technical confidence.

Section Divider

Previous

Pending Users

All Projects

Next

Image Uploads

Made in Figma Sites by

Kayla Lee

Linkedin Profile
Email
TV Illustration

Thanks for watching.

Kayla Lee

02

Guided ai onboarding

Redesigned FlaiChat's mobile onboarding experience to help users understand AI faster, reduce friction during sign up, and build confidence from the very first interaction.

15%

Reduced early user drop-off

20%

Increased onboarding completion rate

Faster time to first translation

Desktop Screen

Company

FlaiChat

Role

Product Designer

Timeline

3 Days

Platform

iOS & Android Mobile

Team

CEO/Founders, Engineering Product Designers

Tools Used

Figma, FigJam, Slack, Loom, Notion, Google Workspace

The Challenge

FlaiChat helps multilingual families communicate across language barriers using AI-powered translation, but many first-time users were unfamiliar with both AI and the app itself. The existing onboarding consisted of a few welcome screens that provided little guidance, leaving users uncertain about what the product did or how to get started.

The Goal

Create a more approachable onboarding experience that builds confidence, accommodates different levels of technical comfort, and helps users reach their first successful translation as quickly as possible.

Success Metrics

Increased onboarding completion rate

Faster time to first translation

Reduced early user drop-off

Section Divider

Research & Insights

๐Ÿคจ

Many users were unfamiliar with AI-powered products.

๐Ÿ‘ฉ๐Ÿฝโ€๐Ÿซ

Older and less technical users benefited from guided, step-by-step instruction.

๐Ÿ’ช๐Ÿผ

Users wanted flexibility without feeling forced through onboarding.

Design Principles

๐Ÿคท๐Ÿผโ€โ™€๏ธ

Reduce uncertainty

โœ…

Build trust through guidance

๐ŸŒ

Prioritize accessibility

Section Divider

The Solution

The onboarding experience was redesigned around flexibility and clarity. Rather than forcing every user through the same flow, users can either skip onboarding entirely or choose a guided walkthrough tailored to first-time users. The experience introduces key features through simple illustrations, interactive setup steps, and progressive education instead of overwhelming users with information upfront.

Key Improvements

+ Two Onboarding Paths

+ Progress Tracker

+ Illustrations

+ Increased Touch Targets

+ Expanded Sign-up Options

Before

After

Impact

Reduced early user friction during onboarding.

Improved clarity around AI-powered features and app functionality.

Increased accessibility for multilingual users across varying levels of technical confidence.

Section Divider

Previous

Pending Users

All Projects

Next

Welcome Emails