Converting a desktop feature into a mobile experience.
TL;DR
I was tasked to scale down and redesign a feature
for mobile to increase efficiency for our clients.
Role
Product Designer, User Researcher, Mobile Design
Team
Customer Experience (2), Engineers (2), iOS Developer (1), Product Managers (2)
When
2022-2023
Seven Months
Intro
Studio System is an entertainment data application that enables users to analyze various aspects of the entertainment industry. One of its key features, list builder, allows industry professionals to create specialized lists surround talent, film, and streaming data.
Over the pandemic, our metrics indicated a significant shift with our clients opting to use the mobile app over the desktop version. However, the list builder feature was not yet available on mobile. In response, the product stakeholders decided to prioritize the development of a mobile version of list builder.
Task
As the sole product designer, I lead the end-to-end research and design process for this feature, collaborating with multiple teams to create a user-centric mobile experience.
To create a seamless mobile experience, I facilitated a collaborative workshop involving product managers, customer experience specialists, and developers. This cross-functional approach enabled us to collectively explore the user flow in depth as well as allowing me to gather valuable insights and diverse perspectives. As a result of this collaboration, it not only enhanced our understanding of our user needs, but it also expanded our possibilities of solutions.
Process
During our exploration of the interface design, we were able to find several inspirations to guide us in refining a list experience that felt familiar. In the initial sketches, it allowed me to quickly explore various layout options and functionalities.
After presenting the initial wireframes to stakeholders, we collected the feedback and made necessary revisions to improve usability.
Once the layout and flow were solidified, I developed high-fidelity wireframes that incorporated branding elements and visual details. This iterative approach allowed me to continuously refine the designs and focus on usability principles to create an intuitive experience.
Learnings
In the prototyping phase, I worked closely with the iOS developer to refine details of each interaction within the design. This partnership was essential for clarifying how each element was intended to behave, ensuring alignment between the user experience and technical feasibility.
To facilitate this collaboration, I provided concise documentation that outlined the intended interactions, user flows, and design rationale. This resource not only helped developers grasp the vision behind each design element, but also served as a reference during implementation. By maintaining open communication and detailed records, we addressed technical constraints early on, resulting in a more efficient workflow and a higher-quality final product.
Due to a NDA, details of the project may not be shown.
For more details, let's connect.