Wanderflow

Wanderflow is an AI-powered platform that turns content into interactive conversation. As the first UX/UI designer, I helped shape this product from early concept to MVP for the news reading scenario. Our testing showed higher user engagement and positive feedback. The compelling design helped secure mid six-figure seed funding.

Wanderflow is an AI-powered platform that turns content into interactive conversation. As the first UX/UI designer, I helped shape this product from early concept to MVP for the news reading scenario. Our testing showed higher user engagement and positive feedback. The compelling design helped secure mid six-figure seed funding.

Roles

The first UX/UI Designer; Collaborate with the founder, 2 designers, and front-end team closely

Responsibilities

Heuristic evaluation; UX design; UI design; User interviews; User testing

Time

Sep 2023- Jan 2024 ~5 months, part-time

TLDR

TLDR

TLDR

The Content Overload Dilemma

Today's digital readers are drowning in a sea of content yet struggling to find what truly matters to them. After interviewing numerous content consumers, we identified some main critical challenges they face:

Information Overload

Users are overwhelmed by too much unfocused content, making it hard to find what's truly relevant to them.

Shallow Engagement

Current platforms limit users to passive reading and superficial social interactions, preventing both deep content exploration and meaningful connections.

Solution

Through iterations, we finally landed in an AI-powered chatbot experience that enhances user engagement.


At this stage, our goal was twofold: to craft a MVP that would not only resonate with users but also attract potential investors.

Through iterations, we finally landed in an AI-powered chatbot experience that enhances user engagement.


At this stage, our goal was twofold: to craft a MVP that would not only resonate with users but also attract potential investors.

Swipe for Unpredictable Discovery

Each swipe reveals a new topic in full-screen immersive view. This unpredictable discovery turns browsing into an adventure, while the familiar swipe gesture keeps you exploring what's next.


Chat to Explore Content with Maximum Personalization

Start with custom prompts to dive into topics. Highlight any sentence to get AI insights about it. This interactive chat turns passive reading into active exploration- easy to understand at your own pace.

Enhancing Social Engagement through Community Contributions

Users can view and contribute their own answers to prompts, enriching the discussion with diverse and high quality human perspectives.

Impact

Our MVP testing showed strong positive user feedback, with users demonstrating higher engagement and satisfaction with the interactive content format, and it also helped us secure mid six-figures in seed funding.
Our MVP testing showed strong positive user feedback, with users demonstrating higher engagement and satisfaction with the interactive content format, and it also helped us secure mid six-figures in seed funding.
Our MVP testing showed strong positive user feedback, with users demonstrating higher engagement and satisfaction with the interactive content format, and it also helped us secure mid six-figures in seed funding.

How I Got There

How I Got There

How I Got There

Unmet Needs Meets Rising Tech

01

Unmet Needs Meets Rising Tech

01

Unmet Needs Meets Rising Tech

01

The Content Consumption Paradox

Through competitive analysis and user interviews, we focused on a fundamental tension in how people consume content today:

  1. The Active Learning Dilemma

Users have the curiosity to actively explore and understand complex topics, but current platforms force them into passive consumption.

  1. The Comprehension Gap

Users crave more contexts but have to abandon complex articles. No tools exist to bridge the gap between curiosity and comprehension and leave curiosities unsolved.

Opportunity Brought By AI

In 2023, as AI revolutionized every industry, "Every industry is worth rebuilding with AI." The founder of ActEarn (company of Wanderflow) saw an opportunity to transform how people consume content. Our goal was to use AI to create personalized reading experiences that adapt to each user's interests and needs.

In 2023, as AI revolutionized every industry, "Every industry is worth rebuilding with AI." The founder of ActEarn (company of Wanderflow) saw an opportunity to transform how people consume content. Our goal was to use AI to create personalized reading experiences that adapt to each user's interests and needs.

Narrow Down: Reimagine News Reading with AI

Though aiming high, because content consumption is very broad, we decided to focus on news in the MVP, as it provides an ideal testing ground for our idea.

Though aiming high, because content consumption is very broad, we decided to focus on news in the MVP, as it provides an ideal testing ground for our idea.

News readers have various needs

Sometimes people skim headlines, other times they dive deep into articles. Sometimes they know little or much of a topic, which creates personalized needs for content consumption.

News exemplifies information challenges

It contains tremendous time-sensitive information that exemplifies information overload.

❓How might we transform news reading into an AI-powered experience that is personalized, exploratory, and interactive?

Product Pivot from Broad to Focused

02

Product Pivot from Broad to Focused

02

Product Pivot from Broad to Focused

02

❓How about using traditional news apps as a baseline?

Starting with traditional news apps as a baseline has several benefits:

Starting with traditional news apps as a baseline has several benefits:

High Familiarity, Low Learning Curve

Similar UI patterns leverages users' existing knowledge, reducing cognitive burden and onboarding friction. It's called "Benchmark Alignment" strategy.

May Attract Their Users as Seed Users

Finding seed users is critical at this stage. Branding it as "Twitter With AI", could leverage Twitter's massive user base to attract seed users.

First MVP

I made a video to showcase the core flows. Users can:

  • Use prompts to let AI generate digested content using chosen topics and sources

  • Interact with in-article content with AI assistance

  • View articles and in-article thoughts created by other users

Investor Feedback: Not Attention-catching

Attracting funds is a main goal at this stage. Our Twitter-like design failed to create immediate visual distinction. Investors wanted something that would grab attention instantly and clearly communicate our unique approach from the first glance.

Scope Too Broad for an MVP

We started too big – trying to build a product that did everything for everyone. This made it hard to focus our limited resources and made the product unnecessarily complex. We learned that this wasn't the right approach for an early-stage startup.

❓What truly makes the MVP?

Initially, we defined our MVP as a feature-complete product. However, we learned that an MVP just needs the viral features that resonate with users. Focusing on the core features that would truly excite users would help us create a simpler but more impactful product.

❓How might we make our MVP go viral?

Key Pivot: Focus on Gen Z and Killer Features

Targeting a certain audience creates stronger product-market fit, enabling viral growth through focused features that a specific group will eagerly share.


Gen Z is the ideal target because they're digital natives with strong social sharing behaviors, higher openness to new platforms, and significant influence on viral trends.

Targeting a certain audience creates stronger product-market fit, enabling viral growth through focused features that a specific group will eagerly share.


Gen Z is the ideal target because they're digital natives with strong social sharing behaviors, higher openness to new platforms, and significant influence on viral trends.

What Gen Z Likes

Fast, Simple, Immersive, and Fun

Gen Z loves platforms like TikTok because they make content exploration quick and fun. They want digital experiences that can keep them hooked.

Personalization and Freedom

Gen Z doesn't want the same content as everyone else. They expect platforms to understand their interests and show them personally relevant content, while giving them control over their experience.

Needs for Meaningful Connections

Gen Z wants more than just basic social features. They're looking for real conversations and connect with people who share their interests in meaningful ways.

Design Iteration Highlights

02

Design Iteration Highlights

02

Design Iteration Highlights

02

Align Product Strategy to Avoid Reinventing the Wheels

When I started, the founder wanted quick mockups of every feature. But I soon realized we were getting lost in details while our product vision was still unclear. After several overhauls, I decided to push the founder to discuss the product strategy map with me to set priorities for our goals.

The strategy map focused our MVP on crucial features and became my decision-making tool for evaluating all design requests.

Home Page Redesign for Gen Z

Swipe-Based Topic Switching

A familiar swipe-up gesture enables quick, intuitive topic browsing — echoing the addictive flow of platforms like TikTok.

Immersive Full-Screen Design

One topic per screen removes clutter and keeps users focused, creating a visually immersive experience.

Tailored Prompts for Entry

Users can start from two entry points (one for beginners, one for experts) to match different levels of content familiarity while avoiding cognitive burden.

Design Iteration 1: Integrate Interactions with Conversation Flow

Initially, the button to check community contributions were separated from the content on the side. After shifting to chatbot design, we finally decided to fully integrate actions into chatbot interaction to streamline the experience.

Initially, the button to check community contributions were separated from the content on the side. After shifting to chatbot design, we finally decided to fully integrate actions into chatbot interaction to streamline the experience.

Design Iteration 2: Enhance Clarity of Hierarchy in Conversation Flow

The flat layout confused users—they couldn't tell their questions apart from AI responses. I added the 'Wanderbot' persona, indented user messages, and widened the content area. This made conversations easier to follow and more engaging.

The flat layout confused users—they couldn't tell their questions apart from AI responses. I added the 'Wanderbot' persona, indented user messages, and widened the content area. This made conversations easier to follow and more engaging.

Outcome

03

Outcome

03

Outcome

03

To validate our MVP's effectiveness, we conducted structured user testing with 20+ participants within 2 weeks. Eventually, we secured the seed funding.

To validate our MVP's effectiveness, we conducted structured user testing with 20+ participants within 2 weeks. Eventually, we secured the seed funding.

40%↑

Satisfaction rating compared to traditional news app

Mid 6-Figures

Seed Funding

"The swipe feature is addictive—I kept wanting to see what's next"

"With AI's help, I can actually understand complex topics now."

Takeaways

04

Takeaways

04

Takeaways

04

  1. What is a True MVP

Defining a MVP is a tricky but crucial task. It's about simplifying or removing additional features to keep only the most essential ones that demonstrate value to the market.

  1. Test PMF Before Getting Lost in Details

After repeated overhauls, I learned the value of minimalism. Rather than refining details prematurely, it's crucial to determine the least effort needed to test P MF before further investment.

  1. Design for Chatbots and Gen Z

From this project, I gained insights into conversational UI design and Gen Z user preferences, enhancing my skills in crafting user experiences tailored to their unique characteristics.

More Cases

More Cases

All illustrations credit to Canva and Undraw.

Let's work together!💪 zcjess24@gmail.com

Let's work together!💪 zcjess24@gmail.com