Twenty - Web App

Client
Adam Elmore
services
UX/UI Designer

I am working with a private client to design Twenty, a web app that allows Twitter influencers to connect with their followers through 20-minute video calls. Users can purchase calls through fixed price sales or raffles, and influencers have the option of donating proceeds to the charity of their choice.

The Overarching Challenge

I wanted to find an efficient way for influencers to connect to their followers through one-on-one video calls.

Understanding the Problem

Secondary & Primary Research Goals

  • Learn about existing raffle and auction sites, taking note of common design patterns. 
  • Learn about ways in which influencers have offered any type of office hours/digital mentoring. 
  • Learn about what motivates influencers to donate their time.
  • Learn about influencers’ engagement with charitable causes. 
  • Learn about influencers’ relationship with their fan base on Twitter—what motivates them to engage and what do they derive from the experience? 
  • Learn about the channels through which buyers find out about and subsequently purchase expert advice. 
  • Learn about what motivates potential buyers to purchase expert advice.
  • Learn about positive and negative experiences buyers have had when purchasing expert advice.

Synthesize Results: Feature Analysis & Empathy Maps

Link to all empathy maps

Insights

Buyers

  • Users are motivated to purchase advice from individuals whose work they know of/respect. 
  • Users are motivated to purchase advice to solve specific problems. 
  • Users experience gratification when they receive concrete advice from the expert. 
  • Users experience gratification when they feel they have made a personal connection with the expert.
  • Users experience a heightened sense of value when there is some follow-up/additional advice after the initial event with the expert. 
  • Influencers derive gratification from seeing their advice yield concrete results (change of status, job promotion, etc). 

Influencers

  • Influencers are motivated to provide mentorship to shift power dynamics. 
  • Influencers are motivated to provide mentorship to pay forward the help they have received in the past. 
  • Influencers are especially motivated to work with/donate to charities that they can personally connect to within the tech sector. 
  • Time is the most consistent blocker preventing influencers from sharing advice/mentoring. 
  • Influencers experience frustration when they feel they are wasting time with mentees when they are not/connecting on the same page during meetings. 

Challenges and takeaways: These interviews revealed how key the emotional experience is, both for buyers and influencers. This is not just a simple translation, but rather a way for people on both sides of the call to form a connection and exchange ideas, however short the call may be.

Defining the Problem

I created two separate personas to distill my research on buyers and influencers.

Personas

Buyer Persona
Influencer Persona

Problem Statements

Influencers need an app that will allow them to make a meaningful connection with members their fanbase while feeling that their time is being used well. 
Buyers need an app that will allow them to both solve specific problems while allowing for a meaningful connection with influencers.

Challenges and takeaways: Since the emotional/intellectual experience is so key, I tried to flesh out my insights into thoughtful needs and behavioral considerations.

Creating Solutions

After my research stage, I communicated my findings to the client and got a better sense of the key features we wanted to focus on in the next stage. I put together a feature road map, site map, and user flows. From there I moved from low to high-fidelity mockups.

User Flows

Link to Flows

Challenges and takeaways: Since the client was eager to build an MVP, we decided that it would be better to first gear the app towards influencers to test out its viability. We decided to table a more buyer-driven user experience and come back to it at a later date. It was also important to make the user experience for influencers as lightweight and efficient as possible as I learned that time constraints are a big blocker for them.

Wireframes

Landing - Profile
Listing - Checkout - Call

Hi-Fi Mockups

Landing - Item Listing - Call
Checkout Flow
Influencer Onboarding Flow
Account - Listings

Challenges and takeaways: When I’ve previously designed end-to-end apps, I’ve also done the branding myself. Since the client had previously collaborated with a branding firm, I had to work within some of the visual constraints they had created. It was an interesting challenge to unite my vision of the product with the existent branding, making sure the final vision was cohesive and in keeping with the core of the intended experience. Similarly, the client let me know early on that he would be building the site using Tailwind CSS. I decided to use the Tailwind UI Kit to make the eventual development process as seamless as possible.   

Prototype

Link to prototype

Final Thoughts

I especially enjoyed working on this project as it gave me insight into the world of Twitter tech influencers—one that I previously had no knowledge of. Through conducting interviews, I gained insight into a world that I thought was very separate from my own, but it was encouraging to see just how willing many people were to talk to me and expressed genuine excitement at discussing Twenty. As someone who works in tech, this sort of experience was encouraging.

I also really enjoyed working with this particular stakeholder because he is also the engineer building the app. We were able to tackle many technical considerations from the very beginning, which made for a very smooth process with no surprises at the end when I turned over designs.   

In terms of next steps, we are considering adding the following features in the next iteration of the app: 

  • Buyer-focused experience, consisting of a buyer account profile, listing of current and past auctions, and search and save functionality 
  • In-app calendar functions that allow influencers and buyers to schedule directly on the site 

Interested in talking?

Feel free to reach out.

get in touch