DOOYAH LOGO.png

UX Design/ Brand StrategyVisual Design

Your way.

Watch, Create, and Share DIY Content. 

Dooyah is a social platform, which allows users to find, watch, and create DIY content. It provides users with a unique place to engage and connect with like minded creators. 

Dooyah_case study cover.png

Date

February 2022 - March 2022

Role

UX Designer + Visual Designer / Brand Strategiest

Repeat Grid 48.png
Dooyah_arrow.png
Repeat Grid 49.png
Dooyah_arrow.png

( The Challenge )

How do you provide users with the ability to watch and post content while seamlessly connecting with a like-minded community?

Goal

Design a responsive website that allows users to efficiently find, watch, create and connect around DIY content.

Research

undraw_collecting_re_lp6p.png

Ideate & Design

undraw_design_components_9vy6.png

Test & Iteration

undraw_annotation_re_h774.png

Research

USER INTERVIEWS

Conducted user interviews and converted insights empathy maps to understand the needs of the target users. It was discovered that target users 

( PAIN POINTS )

Dooyah_Google UX Design Certificate - Portfolio Project 2 - Case study slide deck.png

PERSONAS

Target users

Dooyah_Google UX Design Certificate - Portfolio Project 2 - Case study slide deck (1).png

USER EMPATHY MAP

Reveals how important feed customization and being able to upload content is to DIY platform users. 

Dooyas_Google UX Design Certificate - Empathy Map (1).png

Ideate 

The ideation exercise "Crazy Eights" was used to brainstorm ways to address gaps identified in the competitive audit. The focus was specifically on streamlining the career coaching search process. 

IMG_6224.jpg

Design

Design

Design

Design

Design

01

Paper Wireframes

Red stars signify the elements that best addressed the user's pain points and needs. 

IMG_5527 2.JPG

Homepage

IMG_5528 2.JPG

Video Profile

IMG_5533.JPG

Video Profile v2

IMG_5534 2.JPG

Hubgroups Homepage

IMG_5539 2.JPG

Post main page

02

Digital Wireframes

The initial designs focused on the user's search journey and main user flow by navigating them choose between "videos" and "hub groups" to customize their feed.

The search feature provided any easy way for them to find the exact video if they already have a particular topic or content creator in mind. 

DOOYAH LOGO_low fi.gif

03

Usability Study: findings

Dooyah_Google UX Design Certificate - Portfolio Project 2 - Case study slide deck (2).png

04

Mockups + High Fidelity Prototype

Insights gathered from the usability study were used to iterate and design mock-ups. The homepage now reflects a more direct and search-friendly form on the user page. The dedicated search and results page features career coaches in a more user-friendly and approachable layout.

 

Button sizes were increased for accessibility and the booking process was updated to reflect each step: date, time, reviewing details, and confirmation of booking rather than having all components on the same page. 

13.png
12.png
11.png
10.png
DOOYAH LOGO.gif

05

Accessibility considerations

Dooyah_Google UX Design Certificate - Portfolio Project 2 - Case study slide deck (3).png

Test & Ideate

06

The screen size variation included mobile, tablet and desktop. The designs were optimized to fit the specific user needs of each device and screen size. 

Responsive designs

17.png
16.png
14.png
15.png

What I learned

dooyah_whatilearnedvector.png

User feedback is essential to improve the design and implement iterations. Research is key to identifying what are the most important features and what works best on mobile versus desktop screens.

 

Additional changes that were unable to made during the first round of iterations were increasing the size of the font for the comment sections as well as increasing the contrast ratios for the video titles on the thumbnails. 

( Next Steps )

Dooyah_Google UX Design Certificate - Portfolio Project 2 - Case study slide deck (4).png
2.png
3.png
1.png