Project overview
The product
DIYz is a responsive website that helps users find their DIY tutorial videos of interest
Project duration
6 August - 3 Sept 2023
The problem
Many users want to have a platform where they can search, filter DIY tutorial videos easily and save their videos of interest to watch later. Users also want to have videos classified by category or theme.
The goal
Develop a responsive website that provide an easy way to search and save DIY tutorial videos.
My role
- UX Designer
- UX Researcher
Responsibilities
- Interviewing users
- Creating low-fidelity wireframe
- Mapping affinity and prioritising features
- Creating high-fidelity wireframe
- Conducting mobile usability study
Understanding the user
Summary
I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. The project targets teenager and adults who love making handcrafts.
The research confirms the initial consumption that users want a website which provides DIY collections, easy navigation, simple search and filter. The research also reveal that the users want to save videos for later use and read short description of what materials, tool and duration require for a DIY project.
User pain points
- Not easy to search and filter tutorial videos based on some specific needs such as tools, materials, duration, etc
- Some platforms are not responsive. It’s hard to view on tablet screen
Persona
Layla is a software developer who needs a responsive DIY videos website on her tablet because she often watches instruction videos while making her DIY furniture
User journey map
Starting the design
Sitemap
Digital wireframes
Low-fidelity prototype
Prototype link:
https://xd.adobe.com/view/f6f75f4c-40ed-4bae-b323-5c77c96a0453-a3a4/
Usability study: findings
- Users want a search input to search for video title
- Users want search and filter in search result, category and collection pages
- Users think the search and filter in desktop screen is too overwhelming with checkboxes
Refining the design
Refined Mockups
Mobile screen size
High-fidelity prototype
Takeaways
Impact
The DIYz website makes it easier for users to search, filter and view DIY tutorial website
What I learned
While designing the website I realised that a small change can make a significant to users’ experience