🧰Low-Fi Prototype
In the low-fi prototypes I aimed to explore the overall structure of the website and decided to have three main section: homepage, timeline page, and project page. The homepage will include the title as well as an "about" window introducing the background of this project. The timeline page will showcase selected software with a brief description, and the project page will include a list of case study projects that utilized these tools.
🔎High-Fi Prototype
The high-fi prototypes explored parallel prototyping through two distinctive design options. The first option explores a spinning wheel as the timeline with a more modern graphic styles. The second option tests out an older, newspaper-like style with a vertical timeline representation.
✏️Takeaways
The goal of this exercise was to create an engaging informational website. Therefore, I explored multiple animation effects and used React Framer to implement many of them. Another objective I achieved was using a design system library, and I was able to successfully incorporate the Grommet library.