An all-encompassing streaming platform available on mobile, web, and Apple TV devices, designed to provide DC fans with access to comics, movies, shows, and interactive communities for their enjoyment. In this case study, I delved into user flow issues and addressed visual design concerns, presenting the solutions I implemented to rectify these challenges.
I eagerly delved into the world of cutting-edge research and immersive techniques, irresistibly drawn to embark on a thrilling new case study centered around DC Universe, an app I've passionately used since its exhilarating 2018 launch. Fueled by the desire to uncover both my own adventures within the app and the pulse-pounding experiences of fellow enthusiasts, I channeled my energy into this exciting project. The allure of the entertainment industry calls, and I'm fully committed to this exhilarating journey!
Through comprehensive research encompassing the business, user insights, and product interaction, I identified a strategic entry point in the app's user flow. By featuring only the most popular content on the home screen, I created a streamlined flow map for a seamless user experience that avoids frustrating backtracking and maintains a user-friendly layout.
• Content that's most used are Movies, TV shows, and Comics.
• Shopping takes user out of the app.
• News, community, and encyclopedia are nice but feels like two different apps.
• Users would have to scroll to the bottom 2 times to get a view all list of movies and TV shows (which is hard to tell between the two on the list).
• Once users find content they want to read or watch they have to back peddle to the home page to either cast or download.
One of the project's most formidable challenges revolved around constructing the flow and sketching the layout for a product seamlessly integrating streaming and social features—an entirely novel endeavor that initially left me feeling overwhelmed with ideation. However, after numerous iterations and brainstorming sessions, I eventually stumbled upon a promising sketch that seemed to fit within a hastily crafted flow map.
After developing a wireframe that aligned with a more detailed flow, I proceeded to create a prototype and initiated A/B testing to gather additional data across various design iterations. As you scroll below, you'll witness the evolution of the design during the testing phase. Initially, we pitted the original design against the second design, with ongoing refinements based on user feedback.
What particularly intrigued me in the final two designs was the user preference for background mode—testers favored the light mode for social interactions while acknowledging that the dark mode enhanced the streaming content. This valuable insight led me to consider implementing a dark/light mode feature for DC users.
