Quiz Connecting core fans & star: Hyppos

Hyppos: A fan community platform for real passionate fans!

Operation: Jan.2022 - Mar.2022 (3 months)

UX & Dev: Nov. 2020 ~ Jan. 2022

My position: UX designer

What I did: I worked with one more UX designer and one UI designer. I coordinated the service direction with C-level and practitioners with a specific guide.

One more UX designer and I built a wireframe and defined behaviors, and UI designer took care of the GUI part.

*UI design is redesigned by myself for this personal portfolio in Figma, while menu structure & features mostly follow the released version.

 

Intro

A fan community platform for real passionate fans!

This platform fills the unmet needs of real passionate fans which Youtube can’t cover. Fans can reach their star easily in a more active way, and they can prove how much contribution they made to the star. By doing so, they can show off their big heart to the star. Star can reach their active and passionate fans, so they can manage the core fan group in a different and special way, so they keep the fan group more sticky, and stable. This online membership and community attracted 10,000 members within 3 months of beta service of 1 creator


From Wireframe to UI to Prototype

In this page, I want to show you two different kinds of work:

1) Wireframe: making flow, clear wireframes, and behavior specification, and

2) UI design: Visually attractive pages done by Figma + prototype

(I made a redesign from the originally released ver. You may check the original ver. at the bottom of this page)

 

Design direction

Tone and Mood

It has to contain many stars, so it better not have too specific colors so it can avoid representing specific creators who might have representative colors. At the same time, this is a place where fans meet start who they admire. So, this could be a bit luxurious, a special place. In keyword, we can define it as below:

Neutral and Clean

Cool but noble

 

Color

To appeal the feeling of ‘Neutral and clean’, white color was dominant, while still having some vivid tone. ‘Purple’ color palette came to the major color. Purple is known for noble, and aristocratic color

 

Pages


Home

Home, Notification, Moving to another creator’s world (making another account)

 

Quest board

Users check what quest is uploaded from Creator, and participate in the quest by making a comment (which is kind of answer to the quest)

 

My quest

Users can check what quests they have done so far

 
 

Membership

user can check their level, experience point, and coin

 

Proof of work in Figma

 

Original ver. (Before redesign)

Previous
Previous

Thailand’s IPTV/OTT app: 3BB Giga TV