designare
Have you not decided on your design career? To start a new career that matches your skills, try the "find your design career" feature.
Enjoy your course with the tutorial videos recommended to you.
Project Overview
Designare is the perfect source for UX/UI design tutorials. With hundreds of videos this channel covers everything you need to know, for free. Use their course playlists or create your own playlist to follow the subjects you want to learn.
Current online shopping websites don’t recommend accurate courses or tutorial videos and users can’t create their own playlist with specific tutorial videos they need in these websites.
Designare website provides users finding most matched careers with their interests and allows designers to plan their improvement of design skills easily. Users also can create their own tutorial playlist from different course programs.
UX designer leading the Designare website design.
Understanding the User
User Research
Many target users treat online design educations. However, many design tutorial websites are overwhelming and confusing to navigate and search, which frustrated many target users.
​
Pain Points
.png)
The Chosen Persona
Careers and Career Tags
I've conducted research to find keywords. Designare website would help users to find their career that matches with their skills and interests. This key word study contains 3 parts: 1-Careers 2-Skills for each career 3-Tools for each career. Each skill and tool is related to a career.
UX Designer
UX Writer
UX Researcher
UI Designer
VR/AR Designer
UX Engineer
Conversation Designer
Interaction Designer
Product Designer
Human-Computer Interaction Designer
Visual Designer
Motion Designer
Front-end Developer
Researching - Wireframing - Prototyping - Creating information architecture - Communicating effectively - User research - Branding - User flows - UX writing - Visual design - Prototyping - Production design - Information architecture - Usability testing - Functionality - user flow - Analysis - Design - Collaboration - Product Life Cycle - Consultancy - Consumer - Interactions - Testing/Product Interaction - design process - from conducting market research - Analyzing consumer behavior - graphic design - sketching - color theory - use of texture - visual presentation - Responsive Design - Experience Mapping - Storyboarding - Wireframing - Accessibility - Problem solving - On-device Design - Create mockups - personas - patterns - illustrations - UI Designer - user interface - brand guidelines - create layouts - brand’s style - voice through - visual touchpoints - models - wireframes - screen mockups - design logos - icons - animations - infographics - production assets - colors - shapes - typography - fonts - paint - hand-draw applications - HTML - CSS - JavaScript - Responsive Design - drawing - Branding - Identity - Art Direction - Concept Development - Design Thinking - Design for Sustainability - Design systems - Problem solving - Detail-Oriented - Calligraphy - On-device Design - patterns - Leadership - Design systems - Accessibility - Critical thinking - Problem solving - Collaboration - Transitions - create animations - visual effects - filmmaking - animation design - team workflow - workflow - 3D - prototyping - motion - On-device Design - augmented reality - virtual elements - 3D space - VR systems - 3D tools - create texts in 3D - troubleshooting a VR and AR system - Rapid Prototyping - early prototypes - create photo - 3D scene - interactive demos - 3D user interface elements - 3D model - 3d animate - Unity - UI design - 3D content principles - 3D engines - 3D APIs - Interviews - usability - provide a solution - Card sorting - Usability testing - A/B testing - User interviews - Surveys and questionnaires - Diary studies - Contextual observation - First click testing - user trust - Information Architecture - Affinity Mapping - Journey Mapping - writing - personas - communicate - user - consumer analyses - synthesizing - guide editorial - critical thinker - creative - synthesizing - quantitative and qualitative data - empathy - critical thinking - personas - functioning experience - synthesize - developer - translate designs - cede - UX engineer - html - css - java script - react - digital products - Testing - debugging - Dev Tools - chrome - UI - design principles - User-centered Design - Sketching - Storyboarding - User Research - User Testing - On-device Design - Inputs, LEDs, Haptics, Sound, Gestures - Rapid Prototyping - Teaching - Digital Photography - Prototyping - Storyboarding - Illustration - Photography - Video editing - Calligraphy - UX/UI Design - Prototyping - Research - Writing - Leadership - Collaboration - Communication - Empathy - Charisma - Detail-Oriented - Problem Solving - Branding + Identity - Creative Direction - Art Direction - UI/UX - Typography - Concept Development - Environmental - Graphics - Design Thinking - Design Research - Creative Strategy - Packaging - Illustration - Design for Sustainability - Rapid Prototyping - Motion UI - Wireframing - Sketching - Visual Design - Interaction Design - Drawing - Typography - Visual Design - Responsive Design - Contextual Research - Experience Mapping - Information Architecture - Storyboarding - Human Factors - Wireframing - Usability Testing - 3D Printing - Conceptual Modeling ...
Starting the Design
Paper Wireframes
I used apple pencil to create paper wireframes. That makes easier to fix sketches and to share/transfer them.
​
Usability Study Findings
Refining the Design
Before and After Usability Study
Dark/Light mode feature is added with a toggle button.
Impact:
Our target users shared that the design was intuitive to navigate through, more engaging with the images, and demonstrated a clear visual hierarchy.
​
What I learned:
I learned that even a small design change can have a huge impact on the user experience. The most important takeaway for me is to always focus on the real needs of the user when coming up with design ideas and solutions.
Next Steps:
Sync option will be put on the course plan sections to transfer course plan to popular digital calendars like Google Calendar and Outlook.