UX Design/ Brand Strategy/ Visual 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.
Date
February 2022 - March 2022
Role
UX Designer + Visual Designer / Brand Strategiest
( 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
Ideate & Design
Test & Iteration
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 )
PERSONAS
Target users
.png)
USER EMPATHY MAP
Reveals how important feed customization and being able to upload content is to DIY platform users.
.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.
Design
Design
Design
Design
Design
01
Paper Wireframes
Red stars signify the elements that best addressed the user's pain points and needs.
Homepage
Video Profile
Video Profile v2
Hubgroups Homepage
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.
03
Usability Study: findings
.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.
05
Accessibility considerations
.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
What I learned
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 )
.png)
