03

03

Stanible Web App

Stanible Web App

Stanible Web App

Stanible Web App

STANIBLE

STANIBLE

STANIBLE

STANIBLE

Boosting local communities of fans to engage with their idols by purchasing digital collectibles

Boosting local communities of fans to engage with their idols by purchasing digital collectibles

Boosting local communities of fans to engage with their idols by purchasing digital collectibles

Boosting local communities of fans to engage with their idols by purchasing digital collectibles

Role & Timeline

In my role as the Interaction Design Lead, I spearheaded the ideation of key design decisions, drawing from insights uncovered by our researchers, to creating a fully functional prototype used on the product hand-off.

Additionally, I played a pivotal role in validating our design solutions through usability testing and pitching to the client.

Given the client's time constraints, this project was only provided 2 weeks to finish the research and hand-off.

Role & Timeline

In my role as the Interaction Design Lead, I spearheaded the ideation of key design decisions, drawing from insights uncovered by our researchers, to creating a fully functional prototype used on the product hand-off.

Additionally, I played a pivotal role in validating our design solutions through usability testing and pitching to the client.

Given the client's time constraints, this project was only provided 2 weeks to finish the research and hand-off.

Role & Timeline

In my role as the Interaction Design Lead, I spearheaded the ideation of key design decisions, drawing from insights uncovered by our researchers, to creating a fully functional prototype used on the product hand-off.

Additionally, I played a pivotal role in validating our design solutions through usability testing and pitching to the client.

Given the client's time constraints, this project was only provided 2 weeks to finish the research and hand-off.

Role & Timeline

In my role as the Interaction Design Lead, I spearheaded the ideation of key design decisions, drawing from insights uncovered by our researchers, to creating a fully functional prototype used on the product hand-off.

Additionally, I played a pivotal role in validating our design solutions through usability testing and pitching to the client.

Given the client's time constraints, this project was only provided 2 weeks to finish the research and hand-off.

The Background

Stanible is your one-stop shop for unique digital collectibles from various celebrity creators, including actors, singers, and athletes. Users can collect limited editions of exclusive photos, videos, and recordings, similar to online shopping, using their e-wallets. Additionally, users can showcase their collectibles to fellow fans, known as 'stans'.


Easy, exciting, fresh—stan your favorite creators and shop unique digital collectibles on stanible.

Business Objective

Business Objective

Business Objective

The primary goal is to engage communities of fans who support their favorite celebrities by purchasing valuable digital collectibles. The prompt seeks recommendations for enhancing the web app and adding new experiences.


Are there new opportunities we can consider for a web app, or experiences that we want to add to the web version? — We would love to see any recommendations!

Mel Alcaraz · Co-founder, Stanible


Are there new opportunities we can consider for a web app, or experiences that we want to add to the web version? — We would love to see any recommendations!

Mel Alcaraz · Co-founder, Stanible


Are there new opportunities we can consider for a web app, or experiences that we want to add to the web version? — We would love to see any recommendations!

Mel Alcaraz · Co-founder, Stanible


Are there new opportunities we can consider for a web app, or experiences that we want to add to the web version? — We would love to see any recommendations!

Mel Alcaraz · Co-founder, Stanible

Interviewing super fans or ‘Stans’:

Our team initiated the project by brainstorming strategies to engage fans and encourage platform usage, considering that Stanible's concept was new in the Philippines.

We focused on understanding Stans' needs and challenges on both mobile and web platforms.

Research goals were established, and interview questions were formulated to gain insights into what would motivate users to sign up, engage, and purchase collectibles.

Our team initiated the project by brainstorming strategies to engage fans and encourage platform usage, considering that Stanible's concept was new in the Philippines.


We focused on understanding Stans' needs and challenges on both mobile and web platforms.


Research goals were established, and interview questions were formulated to gain insights into what would motivate users to sign up, engage, and purchase collectibles.

The Process

DISCOVER AND DEFINE

The research questions we wanted to answer 💬

What types of content, experiences, and engagements do Stans value the most and why?

What features make a web app essential without taking out the experience from a mobile app?

What are the preferred platforms in consuming celebrity content and why?

Participants for the interviews were recruited based on user types identified during the design of the Stanible Mobile App. Due to time constraints, we interviewed five super fans from our personal networks.

These personas are identified during the design of the Mobile App.

After chatting with the ‘Stans’, I helped our research leader set up a brainstorming session with the rest of the team to go over what we learned. We used a method called affinity mapping to sort through all the ideas. This helped us highlight the opportunities we spotted during the talks and figure out which problems were most important to tackle to meet our business goal.

Insights and problems we found out 💬

01

01

01

01

Stans want to know what they are getting into before actually joining the platform.

(i.e. checking the creators, content, features available and finding out what is in it for them.) Many people struggle to see value in the concept of purchasing a digital collectible in exchange for perks.

02

02

02

02

Stans want the closest possible experience to a physical interaction with their favorites.

Many super fans’ most memorable engagements with their favorite celebrity are in person and an online experience cannot match this interaction. (e.g. meet and greets, concerts, etc.)

03

03

03

03

Stans follow their favorite creators or celebrities, not necessarily the platform.

Real fans support their favorite creator/ celebrity no matter what. If their favorite is actively updating, posting, engaging on a platform, they will be encouraged to join as they would not want to miss out.

Therefore, in order to persuade stans to purchase collectibles and engage on the platform, we need to:

  • First educate them on the Stanible concept and prompt them to join the platform.

  • Entice them with features that will encourage engagements where they will see value in the collectibles.

Design Goals ☑️

  1. Create a homepage that effectively communicates Stanible's concept, prompting sign-ups.

  2. Develop a livestream feature imitating a meet-and-greet experience.

  3. Implement a community feature to foster continuous engagement.

IDEATE AND DESIGN

Design Solutions 💎

After defining our design goals, I organized an ideation on features that would contribute to solving these opportunities. This is what our final solutions look like:

A non-user feed for browsing that could lead up to a sign up and engagement

  • Top-rated creators and trending collections showcased for user insight and platform understanding.

  • Livestream of featured artists and locked community button prompt sign-up or sign-in.

  • Tabs categorized for easy browsing.

  • Collections accessible with all information retained.

  • Search feature readily available on every page for enhanced usability.

A ‘Live Now’ feature that mimics that of a celebrity meet and greet

  • Stans can interact with creators and fellow fans on one screen.

  • Live chat enables direct connections between creators and fans.

  • Collectors access pinned chats for priority interaction with creators (e.g., personal questions, shoutouts).

  • Creator collectibles easily accessible.

  • Seamless engagement tools on the page, eliminating interruptions and page switching like in the mobile app.

'Community’ feature where Stans can be tuned in on latest news and conversations about their favorites.

  • Here, users can meet like-minded stans and check out each other's collectible.

  • No stans will be left out - they can now join the conversation and even engage with their favorite creators!

  • This page helps stans in getting and sharing news about their idols.

A non-user feed for browsing that could lead up to a sign up and engagement

  • Top-rated creators and trending collections showcased for user insight and platform understanding.

  • Livestream of featured artists and locked community button prompt sign-up or sign-in.

  • Tabs categorized for easy browsing.

  • Collections accessible with all information retained.

  • Search feature readily available on every page for enhanced usability.

A ‘Live Now’ feature that mimics that of a celebrity meet and greet

  • Stans can interact with creators and fellow fans on one screen.

  • Live chat enables direct connections between creators and fans.

  • Collectors access pinned chats for priority interaction with creators (e.g., personal questions, shoutouts).

  • Creator collectibles easily accessible.

  • Seamless engagement tools on the page, eliminating interruptions and page switching like in the mobile app.

'Community’ feature where Stans can be tuned in on latest news and conversations about their favorites.

  • Here, users can meet like-minded stans and check out each other's collectible.

  • No stans will be left out - they can now join the conversation and even engage with their favorite creators!

  • This page helps stans in getting and sharing news about their idols.

A non-user feed for browsing that could lead up to a sign up and engagement

  • Top-rated creators and trending collections showcased for user insight and platform understanding.

  • Livestream of featured artists and locked community button prompt sign-up or sign-in.

  • Tabs categorized for easy browsing.

  • Collections accessible with all information retained.

  • Search feature readily available on every page for enhanced usability.

A ‘Live Now’ feature that mimics that of a celebrity meet and greet

  • Stans can interact with creators and fellow fans on one screen.

  • Live chat enables direct connections between creators and fans.

  • Collectors access pinned chats for priority interaction with creators (e.g., personal questions, shoutouts).

  • Creator collectibles easily accessible.

  • Seamless engagement tools on the page, eliminating interruptions and page switching like in the mobile app.

'Community’ feature where Stans can be tuned in on latest news and conversations about their favorites.

  • Here, users can meet like-minded stans and check out each other's collectible.

  • No stans will be left out - they can now join the conversation and even engage with their favorite creators!

  • This page helps stans in getting and sharing news about their idols.

A non-user feed for browsing that could lead up to a sign up and engagement

  • Top-rated creators and trending collections showcased for user insight and platform understanding.

  • Livestream of featured artists and locked community button prompt sign-up or sign-in.

  • Tabs categorized for easy browsing.

  • Collections accessible with all information retained.

  • Search feature readily available on every page for enhanced usability.

A ‘Live Now’ feature that mimics that of a celebrity meet and greet

  • Stans can interact with creators and fellow fans on one screen.

  • Live chat enables direct connections between creators and fans.

  • Collectors access pinned chats for priority interaction with creators (e.g., personal questions, shoutouts).

  • Creator collectibles easily accessible.

  • Seamless engagement tools on the page, eliminating interruptions and page switching like in the mobile app.

'Community’ feature where Stans can be tuned in on latest news and conversations about their favorites.

  • Here, users can meet like-minded stans and check out each other's collectible.

  • No stans will be left out - they can now join the conversation and even engage with their favorite creators!

  • This page helps stans in getting and sharing news about their idols.

TESTING THE SOLUTIONS

Usability Testing 🧪

Due to time constraints, our team recruited 3 participants for our usability tests based on the personas provided by client. The participants both tested the mobile app and web app performing the tasks we set out.

Results

UX RATING

0%
0%

TASK SUCCESS RATE

0%

USER EFFORT SCORE

0%

EASE RATING

0%

More about the results:

The average rating of the Stanible Web app we designed is 80%.

  • During the usability tests, all participants grasped Stanible's concept more easily on the web app compared to the mobile app.

  • The participants perceived the web app as more efficient, less effort required, with fewer clicks and less scrolling.

  • All participants observed that the tasks were easy and quick to complete which took them short time navigating the site.

The average rating of the Stanible Web app we designed is 80%.

  • During the usability tests, all participants grasped Stanible's concept more easily on the web app compared to the mobile app.

  • The participants perceived the web app as more efficient, less effort required, with fewer clicks and less scrolling.

  • All participants observed that the tasks were easy and quick to complete which took them short time navigating the site.


Web app mas comfortable sa eyes. Because it was easier for me to navigate. Kita agad lahat in one page versus yung need ko magscroll palagi."

(The web app is more comfortable for the eyes. Because it was easier for me to navigate. I can see everything immediately on one page, unlike needing to scroll all the time.)


Participant 3


Yes to sign up. As a super fan, I would sign up because of the exclusivity features. And pwede mag live chat interaction."


(
Yes, I would sign up. As a super fan, I'm attracted to the exclusivity features. Plus, the ability to engage in live chat interaction is appealing.)


Participant 2

Click to view in fullscreen mode.

For best experience, view this prototype on a desktop or tablet.

Recommended Next Steps 👣

  • Another round of usability testing with more saturated participation count can be conducted on the iterated prototype. This would allow for more data to be collected and considered.

  • After that, the insights from both rounds of usability testing can be used for iterations on the proposed design and features. This is to improve the experience even better.

  • We strongly advise Stanible to commence dogfooding the product. This strategic initiative will not only streamline the collection of real-time feedback but also pinpoint other potential opportunities to improve conversion rates.

OTHER DESIGN ARTIFACTS