Stanible

Personalizing fan experiences in a mobile app for celebrity stans

Overview:

Stanible is your one-stop shop for exclusive digital collectibles from celeb creators: actors, singers, and much more. 'Stans' collect their faves' life moments, flex their finds with fellow stans, and feel all their superfan feels.

Stanible, an app focusing on delivering innovative digital experiences, has developed a new mobile app prototype that has been successfully tested and validated with users. The company is now eager to expand its digital presence by creating a web app version of the mobile app, integrating it seamlessly with their existing landing page. The goal is to ensure a consistent user experience across platforms while optimizing usability and engagement.

The Task:
To help design their web app, integrate the landing page with it, while considering the new UI/UX mobile app designs in mind.

My Role:
UX Research
I helped conduct user interviews, affinity mapping and usability testing of the prototype.

Ul Design
I lead the interface design for the web app.

Challenge & Objectives:
Create a cohesive web app that mirrors the functionality and design principles of the mobile app.
Integrate the landing page with the web app to provide a unified user journey.
Maintain consistency with the validated mobile app UI/UX designs.
Prepare for scalable growth, ensuring the web app can accommodate future features.

Approach:
Our team interviewed fans of celebrities to understand purchasing behavior related to their experiences. We then identified priority features based on insights from the interviews along with consultations with developers.
To measure user satisfaction with these features, we created a prototype of our concept and conducted usability testing.
Finally, we designed a second iteration of the prototype to reflect the insights from our usability testing and came up with recommendations for improving stickiness.

Process & Approach
1. User Research & Insights
Conducted interviews with target users to understand their expectations for the web experience.
Discovered that users valued quick access to core features and a clean, simple interface.
Identified key pain points from the mobile prototype, such as navigation difficulty on smaller screens and unclear call-to-actions.

2. Design Strategy
Established design principles emphasizing simplicity, consistency, and responsiveness.
Ensured that the web app design reflected the mobile app's visual language, including color schemes, typography, and iconography.
Designed a responsive layout capable of adapting to various devices.

Key Outcomes
Consistent User Experience: Achieved a unified visual and interaction language across mobile, web, and landing pages.
Enhanced Usability: Simplified navigation and clear prompts increased user engagement and reduced onboarding time.
Scalable Design Framework: Established a flexible UI system ready for future feature additions.
Stakeholder Satisfaction: The company expressed high confidence in the prototype, recognizing the cohesive design and user-centered approach.

Next Steps
Finalize development of the web app based on the designed prototypes.
Conduct further usability testing with real users to validate the web interface.
Launch the integrated platform, monitor user engagement, and iterate as needed.

Conclusion:
By combining thorough UX research with thoughtful UI design, we created a web app that not only mirrors the successful mobile prototype but also enhances the overall user experience, setting the stage for scalable growth and increased user engagement for Stanible.