For my prototyping, I heavily relied on Smart Animate to bring elements in and out of each screen seamlessly. However, I encountered difficulty in finding a navigation method that suited the animations I had in mind. Initially considering scrolling, I realized it wouldn't align with the desired animation effects. Then, I tried using screen clicks, but this lacked accessibility without prompts, which I preferred to avoid. After discussions with classmates, lecturers, and industry professionals, we settled on emulating an iPad app interface, incorporating buttons for navigation. Though I was initially hesitant, I warmed up to the idea and proceeded to create components for next and back buttons, integrating them into each screen.

Figma File

Prototype File

https://www.figma.com/file/FoG01SD80xR7NwRqmFnW52/Apollo-11-Figma?type=design&node-id=184%3A1244&mode=design&t=wmPaFla3mxq90zwL-1

https://www.figma.com/proto/FoG01SD80xR7NwRqmFnW52/Apollo-11-Figma?page-id=184%3A1244&type=design&node-id=184-1245&viewport=378%2C303%2C0.05&t=aMDYGDy1SqCgy9bJ-8&scaling=scale-down&starting-point-node-id=184%3A1245&hide-ui=1

Screenshot 2024-05-07 at 14.58.11.png

Screenshot 2024-05-07 at 14.58.32.png