My Roadmap
1. Define problem
Aligning with stakeholders on goals, KPIs, constraints and timeline.
1. Define problem
Aligning with stakeholders on goals, KPIs, constraints and timeline.
1. Define problem
Aligning with stakeholders on goals, KPIs, constraints and timeline.
1. Define problem
Aligning with stakeholders on goals, KPIs, constraints and timeline.
2. Market & Competitor research
Analyzing competitors’ strengths/weaknesses, benchmarking. Understanding users’ needs and creating persona.
2. Market & Competitor research
Analyzing competitors’ strengths/weaknesses, benchmarking. Understanding users’ needs and creating persona.
2. Market & Competitor research
Analyzing competitors’ strengths/weaknesses, benchmarking. Understanding users’ needs and creating persona.
2. Market & Competitor research
Analyzing competitors’ strengths/weaknesses, benchmarking. Understanding users’ needs and creating persona.
3. User research & Demand validation
Useing Google Forms, Analytics, interviews, and surveys to understand users’ needs and wishes. Running smoke tests to validate interest.
3. User research & Demand validation
Useing Google Forms, Analytics, interviews, and surveys to understand users’ needs and wishes. Running smoke tests to validate interest.
3. User research & Demand validation
Useing Google Forms, Analytics, interviews, and surveys to understand users’ needs and wishes. Running smoke tests to validate interest.
3. User research & Demand validation
Useing Google Forms, Analytics, interviews, and surveys to understand users’ needs and wishes. Running smoke tests to validate interest.
4. Sitemap
Defining scope, creating user journeys, sitemap and prioritizing features.
4. Sitemap
Defining scope, creating user journeys, sitemap and prioritizing features.
4. Sitemap
Defining scope, creating user journeys, sitemap and prioritizing features.
4. Sitemap
Defining scope, creating user journeys, sitemap and prioritizing features.
5. Low-fi wireframing
Sketching concepts and early flows to explore options.
5. Low-fi wireframing
Sketching concepts and early flows to explore options.
5. Low-fi wireframing
Sketching concepts and early flows to explore options.
5. Low-fi wireframing
Sketching concepts and early flows to explore options.
6. Design system & Brand identity
Defining visual direction and guidelines. Creating design system(s) in Figma or Token Studio.
6. Design system & Brand identity
Defining visual direction and guidelines. Creating design system(s) in Figma or Token Studio.
6. Design system & Brand identity
Defining visual direction and guidelines. Creating design system(s) in Figma or Token Studio.
6. Design system & Brand identity
Defining visual direction and guidelines. Creating design system(s) in Figma or Token Studio.
7. High-fidelity design
Creating color variables, typography styles and ensuring readibility. Making design responsive. Define states of the components Hover, Click, Disables etc. And ensuring that icons are used from the same library.
7. High-fidelity design
Creating color variables, typography styles and ensuring readibility. Making design responsive. Define states of the components Hover, Click, Disables etc. And ensuring that icons are used from the same library.
7. High-fidelity design
Creating color variables, typography styles and ensuring readibility. Making design responsive. Define states of the components Hover, Click, Disables etc. And ensuring that icons are used from the same library.
7. High-fidelity design
Creating color variables, typography styles and ensuring readibility. Making design responsive. Define states of the components Hover, Click, Disables etc. And ensuring that icons are used from the same library.
8. Prototyping
Defining interaction and animation between the components. Creating high fidality prototypes.
8. Prototyping
Defining interaction and animation between the components. Creating high fidality prototypes.
8. Prototyping
Defining interaction and animation between the components. Creating high fidality prototypes.
8. Prototyping
Defining interaction and animation between the components. Creating high fidality prototypes.
9. Usability testing
Using Fullstory or Hotjar running moderated/unmoderated tests, analyzing results, iterating, and prioritizing fixes.
9. Usability testing
Using Fullstory or Hotjar running moderated/unmoderated tests, analyzing results, iterating, and prioritizing fixes.
9. Usability testing
Using Fullstory or Hotjar running moderated/unmoderated tests, analyzing results, iterating, and prioritizing fixes.
9. Usability testing
Using Fullstory or Hotjar running moderated/unmoderated tests, analyzing results, iterating, and prioritizing fixes.
10. Technical check
Review with engineers for constraints, performance and localization requirements.
10. Technical check
Review with engineers for constraints, performance and localization requirements.
10. Technical check
Review with engineers for constraints, performance and localization requirements.
10. Technical check
Review with engineers for constraints, performance and localization requirements.
11. Documentation
Providing dev-ready Figma files, component usage examples, tokens and etc.
11. Documentation
Providing dev-ready Figma files, component usage examples, tokens and etc.
11. Documentation
Providing dev-ready Figma files, component usage examples, tokens and etc.
11. Documentation
Providing dev-ready Figma files, component usage examples, tokens and etc.
12. Analytics
Defining analytics/events before launch.
12. Analytics
Defining analytics/events before launch.
12. Analytics
Defining analytics/events before launch.
12. Analytics
Defining analytics/events before launch.
13. Launch & Monitor
Monitoring KPIs (Google Analytics, Hotjar, server metrics) and collecting users' feedback.
13. Launch & Monitor
Monitoring KPIs (Google Analytics, Hotjar, server metrics) and collecting users' feedback.
13. Launch & Monitor
Monitoring KPIs (Google Analytics, Hotjar, server metrics) and collecting users' feedback.
13. Launch & Monitor
Monitoring KPIs (Google Analytics, Hotjar, server metrics) and collecting users' feedback.
14. Iterate, Scale & Maintain design system
Iterate based on data, update Design system, and share learnings with stakeholders.
14. Iterate, Scale & Maintain design system
Iterate based on data, update Design system, and share learnings with stakeholders.
14. Iterate, Scale & Maintain design system
Iterate based on data, update Design system, and share learnings with stakeholders.
14. Iterate, Scale & Maintain design system
Iterate based on data, update Design system, and share learnings with stakeholders.