Case Study · UX/UI Design

ThriveAlive.Ai

ThriveAlive.Ai turns expert frameworks into guided conversations. People were leaving before they tried one, so I rebuilt the landing page and designed the product experience behind it.

Role
UX / UI Designer
Team
3 founders, 3 developers
Tools
Figma, Notion, Jira
Platform
Responsive web (desktop & mobile)
Timeline
July 2025 – Present
Status
Live, currently in B2B pilot
Skills
UX Research · Benchmarking · UX Testing
ThriveAlive.Ai landing page — Your Expert Guide, Anywhere Anytime

01 · About

About ThriveAlive.Ai

ThriveAlive.Ai is a personal and professional growth platform that helps people work through big decisions using frameworks built by real experts. Getting that kind of guidance is usually expensive or hard to access, and generic chatbots tend to give shallow, one-size-fits-all answers.

It closes that gap with structured modules that turn a reflective conversation into a usable outcome you can download and act on.

My Role & Scope

As the designer on the product, my focus was making the experience feel thoughtful, human, and supportive, while keeping it easy to navigate so users always knew where they were and what they'd walk away with.

I owned the UX and UI end to end, from research and information architecture through to the final interface design.

02 · Understanding the product

Building context before design decisions

The Starting Point

I worked closely with the founders to understand the product's purpose, mission, and vision, as well as the non-negotiables: flexibility, authenticity, and a human touch. This shaped the foundation for every design decision that followed.

The Existing Flow

At the time, ThriveAlive.Ai followed a simple linear flow:

homepage → login → session → exit.

There was no dashboard, no sense of progress, and nothing to guide users once a session ended.

The Insight

In our first call, the founders told me that people were interested in the concept but many were leaving the homepage before trying a module. The problem wasn't the idea, but how well the experience communicated its value, built trust, and pointed people to their next step.

Benchmarking

I looked at the products closest to ThriveAlive.Ai.

Strawberry.me
Matches you to a vetted human coach for 1:1 video sessions: the algorithm matches, the coaching is human.
Apt
A career test profiles personality and strengths, then drives job matching, résumé building and an AI mentor chat.
Rocky.ai, Coachvox
The closest in kind: an expert's own frameworks turned into an always-available AI coach, built around open-ended conversation.

None of them sequence expert frameworks into connected modules that each end in a downloadable outcome, so the landing page had to be designed rather than borrowed.

03 · Landing page architecture

Structured around a first-time visitor's questions

People were leaving before they tried anything, so I asked what I would want to know arriving cold: what is this, how does it work, can I trust it, how do I start. Those four questions, in that order, became the structure of the page.

Product understanding
"What is this?"
  • Hero the value in one look
  • What is ThriveAlive.Ai the concept, plainly
Features
"How does it work?"
  • How it works the process in steps
  • Your journey the real experience, scrolling. Added after 5 of 8 could not picture a session.
Trust
"Can I trust it?"
  • How it's different answers "just another chatbot?"
  • Free module try it, no commitment
  • Meet your mentors the experts behind the frameworks
Getting started
"How do I start?"
  • Modules what you actually get
  • Plans individuals and organisations
  • Testimonials proof from real users
  • FAQ last objections before the CTA
The civilian landing page, structured around the four phases above.

04 · Audience segmentation

What to split, and what to keep shared

ThriveAlive.Ai serves two very different users: a civilian exploring growth, and someone leaving service working through a specific transition. The old landing page only spoke to the first. One page covering both would have to generalise until it spoke clearly to neither, so I built two, on the same four-phase structure.

The civilian landing page hero: an eagle in flight, the headline Your Expert Guide Anywhere, Anytime, and a Start Your Journey button, with a switch bar pinned above it.

Civilian

Anyone exploring personal or professional growth.
The military landing page hero: a veteran in conversation with an expert, and copy addressed to those who have served, with a switch bar pinned above it.

Military

Veterans leaving service.

Separating the audiences creates a new risk: someone lands on the page that doesn't fit. There are two ways across.

A pinned switch bar
Visible at the top of both heroes above, so the crossing is available from the moment someone arrives.
A prompt in context
The civilian Plans section points military users to their own path, and the military "Who it's for" section offers the same route back.
What stays shared

One product behind both pages

Veterans and civilians sign in to the same dashboard and move through the same flow. The modules differ: the military set is written and structured for someone leaving service. One system, two libraries.

05 · User flow

From the CTA to a finished, actionable outcome

Pressing "Start your journey" hands the user off to the product itself. I designed the flow to carry them from sign-up to a downloadable outcome without losing momentum or a sense of where they are.

Select a shaded step to see it. Plain steps have no screen of their own.

first visit leave anytime · progress saved yes · free no no yes Log in / Sign up Dashboard Module unlocked? Guided tour optional, skippable Pay · Stripe Guided session Results + PDF Continue? Next module Back to dashboard
The dashboard

Where everything starts

The ThriveAlive.Ai dashboard: a free Exploration module, then a Personal row where one module is open and three are locked.

06 · Chat interaction design

How the conversation behaves

The session is where the product actually happens, and it is a conversation. That puts weight on small decisions: how you answer, how much text arrives at once, what the product does while it thinks, and what happens when something breaks.

A session in motion: the side navigation bar tracking progress, voice messages with their transcripts opened, and "Learn more" holding back the longer explanations.
Voice messages on both sides of the conversation, each with its transcript opened.
Voice

The human touch

A mic in the message bar switches voice on. Users can talk, the mentor replies in his own recorded voice, and every message keeps a transcript for accessibility.

The same message twice: collapsed with a Learn more control, and opened to show the longer explanation with a Hide control.
Long explanations

"Learn more" instead of walls of text

These conversations go deep, so answers can run long. Dropping all of it into the thread at once leaves people feeling lost, so the extra detail sits behind a Learn more button.

Two waiting states: the mentor's name followed by 'is typing', and the same name followed by 'is recording an audio'.
Waiting

The mentor is typing

A reply takes about five seconds, and silence reads as something broken. So the wait says what is coming: the mentor is typing, or the mentor is recording an audio.

A section of the side navigation bar: the section name, a progress bar reading 50 per cent, and four steps beneath it, two ticked as done and two still to come.
Knowing where you are

The shape of the module

A module is long. The side navigation bar lists every section with a progress percentage, so users can see where they are, what is still ahead, and how much is left.

The end of a module: the outcome, a PDF download, the next module named, a countdown with a pause control, and two buttons.
Ending a module

A countdown you can pause

A finished module leaves an actionable PDF and a suggested next step, with buttons to go back to the dashboard or open the next module. If they choose neither, the countdown moves them on.

Export Conversation and Restart Conversation controls at the top of a session.
Export and restart

Keep it, or start again

Exporting keeps the conversation word for word, the user's answers alongside the mentor's. Restart is there for anyone unhappy with how it is going; it wipes the module, so it sits behind a confirmation.

07 · Mobile screens

The same product with less room

The side navigation bar collapses behind a hamburger and opens as a full drawer, keeping the steps, the progress and the session controls. Progress moves into the header as a ring, so how far in you are stays on screen.

The dashboard on a phone: a hamburger in the header, and Continue Modules as horizontal cards showing image, mentor, progress and a Continue button.
The dashboard, navigation behind the hamburger.
The navigation opened as a full drawer over the dimmed dashboard, listing Dashboard, My Modules, Admin, Completed Modules, Billing and Settings.
Opened, it takes the full screen.
A session on a phone: the module name and a 50 per cent progress ring in the header, the conversation at full width, and the message bar with a mic control.
In a session, progress becomes a ring.
The session drawer opened on a phone, showing the module at 50 per cent with its five steps listed, and controls to export results, export the conversation, restart it, or return to the dashboard.
The step list and session controls are all still there.

08 · Testing and iteration

What changed after people used it

Once a first version was live, feedback came from two places. I pulled both into one list, fixed the main issues that kept coming up, and tested again with a new group.

Source one

8 usability sessions

Over Google Meet, against the staging build. A scenario at each step, watching and asking only when someone stopped.

Friends rather than recruited users, and none of them veterans. Testing with veterans is in progress.

Source two

10 pilot surveys

Completed at the end of the pilot programmes, by people using the product for real.

A survey captures what people say, not what they did.

Prioritising

Three issues came first

More came up than I acted on. These three were stopping people from getting through the flow.

What came up
What changed
Came up4 of 8 hesitated at the dashboard, unsure which module to open first.
ChangedThe guided tour, with a recommended starting point.
Came up5 of 8 did not know which module came next, or that they connect.
ChangedThe next-module recommendation, with a 20-second countdown.
Came up5 of 8 could not picture a session from the landing page.
ChangedThe scrolling journey section on the landing page.
After the changes

A second round, with new people

Retested the same scenarios with 5 people who had not seen it before. All 5 moved through the landing page and the dashboard without the hesitation I had watched the first time.

The redesign is live and is now the product the team takes into conversations. It runs as B2B pilots rather than being open to the public, so there is no consumer funnel data yet. The number I would want first is landing to first session, because that is the problem this started with.

Thanks for reading

This one is still in progress, and I'd be glad to talk through it.

I'm Aashna, a UX/UI designer working on products where the hard part is helping people understand where they are and what to do next. If you'd like the longer version of any decision here, get in touch.