![User_First_Run_Flow_Hero_Banner Hero Banner](https://anhton.com/wp-content/uploads/2024/07/User_First_Run_Flow_Hero_Banner.png)
User First Run Flow
Introduction
First Run Flow is an onboarding project for Microsoft Power Platform and Dynamics 365 websites.
I collaborated with a designer, content strategist, and UX researcher to come up with a delightful welcome experience for new users as well as show them how to use the products.
Timeline: Aug–October 2021
My roles: Interaction Designer & Visual Designer
My roles: Interaction Designer & Visual Designer
Contribution
- Researched competitors’ onboarding processes such as Meetup, Facebook, Yammer
- Built the wireframe and user interface
- Contributed to the accessibility process such as defining tab order, keyboard order, etc.
- Created the redline and delivered it to the engineering team.
Research
Competitors’ audit
![Research1](https://anhton.com/wp-content/uploads/2022/05/Research1-1.png)
Moodboard
![Moodboard](https://anhton.com/wp-content/uploads/2022/05/Moodboard-1.png)
Collected icons & illustration
![Collecting_Illustration](https://anhton.com/wp-content/uploads/2022/05/Collecting_Illustration.png)
Iterate
![Iteration1 Wireframe_userstory_1](https://anhton.com/wp-content/uploads/2022/05/Iteration1.png)
![Iteration2 Wireframe_userstory_2](https://anhton.com/wp-content/uploads/2022/05/Iteration2.png)
![Iteration3 Wireframe_userstory_2](https://anhton.com/wp-content/uploads/2022/05/Iteration3.png)
Final Design
Accessibility
![accessibility1 Wireframe_userstory_1](https://anhton.com/wp-content/uploads/2022/05/accessibility1.png)
![Accessibility2 Wireframe_userstory_2](https://anhton.com/wp-content/uploads/2022/05/Accessibility2.png)