Back
Comedy portal MVP
Team
Thoughtbot
Industry
Entertainment / performing art
Role
Product designer
Skills
  • Product strategy
  • Front-end
  • RoR
  • HTML / SCSS
  • Jamstack
  • UI design
  • Branding
  • Illustration
  • Visual narrative
  • User test
  • iOS HIG
  • No code
  • Adalo

Comedy portal MVP

Refine the product strategy to build a valid MVP version of the web app and native app along with the marketing landing pages.

Product design sprint

Problem statement
Comedy goers don't have the cohesive solution to search and follow stand up comedians.
Project
Fig.1: Business overview
Sprint questions
  1. Is online stand-up comedian directory useful to comedy goers?
  2. Is an online venue directory useful to comedy goers?
MVP goal
  1. Build an online stand-up comedian directory
  2. Build associated features such as searching, following, and filtering

Branding

  • Collect visual inspiration (Fig.2)
  • Build brand identity (Fig.3)
Project
Fig.2: Mood board
Project
Fig.3: Logo

Visual narrative

Conceptualize
  • Visualize the concept and materialize it into a scene.
  • Expand the concept with an associated definition.
Commonize
  • Scope out expanded terms and narrow down to the core concept.
  • Research pronoun with consensus in common communication.
Visualize
  • Add custom touch that matches with branding tone.
Project
Fig.4: Conceptualize
Project
Fig.5: Commonize
Project
Fig.6: Visualize
Project
Fig.7: "Club that you fit"
Project
Fig.8: "Venue history"
Project
Fig.9: "Venue details"
Project
Fig.10: "Social proved comedian"
Project
Fig.11: "Browse on fingertip"
Project
Fig.12: "Know your comedian in/out"

Define user flow

  • Flow by touch points and context - events / comedians / venues
  • Flow by user status - guest user vs. account user
Project
Fig.13: Flow chart

Define JTBD + draft solution

  1. When I search for a comedy event that I want to go,
  2. I want to search by comedians I like,
  3. So I can be confident to choose the show that I would enjoy.
Project
Fig.14: Comedian listing interaction
Project
Fig.15: Search sequence 1
Project
Fig.16: Search sequence 2
Project
Fig.17: Search sequence 3
Project
Fig.18: Search sequence 4
Project
Fig.19: Search sequence 5
Project
Fig.20: Search sequence 6
Project
Fig.21: Search sequence 7

Diverge iOS MVP ideas

Option A
Comedy event calendar (Fig.22) Date > shows > comedians
Option B
Comedian directory (Fig.23) Comedians > shows + date > venues
Project
Fig.22: Option A sketch
Project
Fig.23: Option B sketch

No/low code MVP solution

  • Using option B(Fig.23) with following comedian feature, bookmarking show feature
  • Using Adalo to build iOS native application
Open interactive prototype
Project
Fig.24: Splash screen
Project
Fig.25: Login screen
Project
Fig.26: Comedians
Project
Fig.27: Favorite comedians
Project
Fig.28: Shows
Project
Fig.29: Show details
Project
Fig.30: User profile

Contribution

Product strategy
  • Participate product sprint process to validate the business concept
  • Refine the priority list with scoping workshop
UI / Visual design
  • Build visual storytelling with illustration
  • Creating an interactive prototype using Sketch and UXPin
  • Build app UI and BD using Adalo no-code tool
UX design
  • Conduct switch interview with comedians and comedy goers to define JTBD stories
  • Conduct user testing to validate the MVP concept
Front-end
  • Ruby on rail application front-end
  • ERB / SCSS / JS