making new experiences through design

Services:

UI Design
UX Research
Information Architecture
Content Strategy

Tools:

Figma
FigJam
Indesign

My challenge was to create a site that looked sleek, and felt energetic while creating an easy-to-use platform. Other sports streaming platforms do not have a personalized experience and it can be difficult to find the content you want.

To solve the problems I identified the user's needs and focused on the personalization experience as well as utilizing good content placement to help retain users. This included:

• Utilizing User needs and wants
• Identifying Common User Journey
• Defining the Information Architecture
• Creating a modern UI

Click here to view the full website

Identifying the user

To design a user-centric product, I needed user personas and user journeys to help me understand what the user needed and how they would interact with the streaming platform. The user journey included the discovery phase up until the user retention stage. Much information was going into this, so the goal was to keep the journey concise and minimize any pain points.

Wireframing

To start the initial wireframe design, I developed the pages for the signup process. Here, I focused on making the designs simple, quick, and easy to follow while showing their progress. Afterwards, I created the homepage. The homepage needed to be organized and show the most important content first. Based on the user research, I was able to identify what content was most important.

Creating the COMPONENTS

I had complete creative control over the brand, as no brand existed before this. I started from scratch and developed everything, including the logo. I created a simplistic design system to help keep the website components organized before the HiFi design was made. This features the colors, the typeface, and other elements such as buttons, inputs, elevations, spacing, and navigations. After defining these components, I made them into variants, allowing me to easily incorporate them into the HiFi design.

Click here to view the whole Design System.

High Fidelity

After developing the wireframes and design system, I could easily create a high-fidelity design. The final product would feature a simple sign-up process that asks the consumer what they want to watch.

To optimize the streaming platform, I included the following:

Simple sign-up process focusing on
hyper-personalization
Clear and easy-to-use navigation
Concise information on games

Click here to view the full website