This project was one of my favorites so far I have to say. Although that’s not to say it wasn’t without its challenges and design problems, however completing this project for an immersive website based around the Apollo 11 space progam enabled me to grow as a designer and also improve my experience using Webflow…Continue Reading Project Reflection
Wanting to improve my site and getting a better feel of how others would experience it, I asked some people on my course for feedback on my final site. This is the feedback Stephin shared with me. “The website has a good flow to it. Probably the best part of the whole site…Continue Reading Peer Feedback
During this project, I had to change direction when something wasn’t working right on the page or was unnecessary to include. In the early stages of my Figma prototype, I originally planned on including an introduction to my site. This would be a plain screen with words fading on-screen, in an attempt to establish mood…Continue Reading Changing direction
For the homepage of my immersive Apollo 11 site, I wanted to create a parallax animation that I had emulated in Figma. This would be a parallax animation that would play when the user scrolls down the page – of the moon surface with the moon rocks in the foreground and the title ‘Apollo 11’…Continue Reading Creating a parallax animation – Webflow
After creating a hover animation for the Crew section of my site, where the user can hover over images of Neil Armstrong, Aldrin and Collins to ‘bring them to life’ – I wanted to include more animations within my site. So I researched if Webflow had any built in animation capabilities. I discovered Lottie animations…Continue Reading Creating a Lottie Animation – Webflow
In order to create an immersive experience for the user, I knew that it was important to include some interactive animations in the final site. Animations, whether they are complex or simple, can make the user’s experience more engaging and visually interesting, and that’s something I want to achieve in this project. For my ‘Crew’…Continue Reading Creating a hover animation – Webflow
This week we had a class critique for our Apollo Space Program immersive prototypes. These critiques are useful for getting valuable feedback and constructive criticism for my work so far. At this state I have completed a functional Figma prototype. Instead of scrolling, the user has to click through the site to see how each…Continue Reading Week 6 Critique
Before I started to create my prototype in Figma, I created some quick lo-fi mockups. Lofi mockups are simple and basic but they give you an idea of the look and feel you want to achieve in your final design. Here, I included chapter headings or sections that would differentiate each part of the site…Continue Reading Creating Lo-fi Mockups
This week we examined storytelling techniques and how they can be implemented in interactive sites. I looked at the site securingspace.com which aims to clean space debris for future generations. The loading page begins with an animation of space debris accumulating around the globe by each year. It’s a clever animation that depicts how much…Continue Reading Week 5: Narratives in Print and Film
Kyle showed us some successful examples of immersive storytelling sites on the web. One website that he showed us that stood out to me was SpaceX’s site. As you scroll down the pages of their individual rockets, these statistics below the header count up from zero, which is a simple animation that I could emulate…Continue Reading Immersive Storytelling