<aside> <img src="/icons/moon_lightgray.svg" alt="/icons/moon_lightgray.svg" width="40px" /> You can view my full prototype here:
https://www.figma.com/file/dOZ6Shu63B3maRHQoAYfoM/apollo-11?type=design&node-id=0%3A1&mode=design&t=cafoLgWlhAf0ATKB-1
</aside>
My main idea was to make a digital scrapbook that feels personal. I used prototyping principles in the design. I started with Polaroid photos, which I edited with Photoshop. I also added PNG badges to make it more interactive. When the user moves the mouse over an image, they see a click prompt. This encourages them to explore the scrapbook more. When they click, the photo gets bigger, similar to looking at a picture in a real photo book. Combining technology and tradition, this project creates an interactive experience while keeping the charm of a physical scrapbook.
Instead of using basic 'back' and 'next' buttons, I aimed to make my prototype more interactive. I designed these chapters to be easily accessible at the bottom of the page. It also adds a pop off colour which is needed to break up the vintage colour palette used throughout.
My goal was to design them to resemble sticky notes that pop up and down when hovered over. To enhance accessibility, I aligned each title with the assets, ensuring a user friendly experience for all. This was quite a challenge to create and it took a lot of trail and error with the timing of the interactions but I am happy with the overall outcome.
The prototyping process involved connecting each page in a logical order to ensure a chronological structure, focusing on simplicity and ease of navigation for improved user experience.
Below the process is broken down into different screens for better view of what I did in each step.
