Creating a healthcare water-tracking app that helps track a user’s hydration is a project that I enjoyed working on. Initially at the beginning of this project I was unsure of the design concept that I would choose to work on, as in my research there was a wide range of areas to develop an app…Continue Reading Project Reflection

I tested out my new prototype design on the Figma app to emulate the experience of using the app on a mobile device. Taking feedback onboard, I added more colour in this design. By testing it out on my device, I discovered some errors and glitches that I could improve and fix in Figma for…Continue Reading Testing out my prototype

This week we had another critique session of each of our projects up until this point. These critiques are useful in getting feedback and opinions from others, allowing me to make changes and improvements to my design. The first screen showed my brand. After some feedback that the name should be changed from Hydro Homie…Continue Reading Critique/Presentation Week 12

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

What is Aesthetic-Usability Effect?   Basically this law of UX can be defined as this: an aesthetically pleasing design will be more positively received by users and lead them to believe it is more usable – even if the design isn’t very usable.   The reason this is the case is because human beings like…Continue Reading Aesthetic-Usability Effect

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