Interactive Demo
Template Showcase
Conclusion
The links to the completed prototype and the template files are below.
Important Links
  1. Template file
  2. Prototype file
Summary & Takeaways
Overall I learnt a lot of things from this design project and has helped me to improve my UI/UX skills. Some of the key takeaways are below:
  1. Figma Skills - How to use overlays to make interactive prototypes more robust
  2. Figma Skills - How to use components and variants effectively to make a wide range of adaptable interfaces
  3. Design Skills - How to properly balance color, style and design
  4. Design Skills - How to layout a dashboard to reduce cognitive load
  5. Design Skills - User requirements and Prototype building
  6. Design Skills - Application of design principles
© 2022 Ong Jun Xiong