Misc. work
Concept project: gamified educational site
This redesign would be designed to educate students on the planets circling our solar system in a fun and interactive manner. The proposed solution will include the following:
NASA is a world-renowned organisation often recognised as being at the forefront of human space exploration. Formed in 1958, they have been America’s number one space program and have carved out a spot for themselves in the general population's zeitgeist worldwide. (https://www.nasa.gov/history/65-years-ago-the-national-aeronautics-and-space-act-of-1958-creates-nasa/) NASA has a history of providing educational tools to both children who are interested in space and students studying the topic of space and STEM. (https://www.nasa.gov/learning-resources/)
https://shorthand.com/the-craft/an-introduction-to-scrollytelling/index.html
Scrollytelling is the trend of using users' scroll behaviour to trigger animations, audio, and videos. This interaction is simple and natural for users, making them less likely to get lost or confused as they navigate your webpage.
https://bhdesignstudio.com.au/blog/web-design/the-rise-of-minimalism-why-less-is-more-in-web-design/
Minimalism is the idea that less is more, displayed on a webpage. By utilising negative space and keeping only essential elements on the page, you can create a minimalist design. A minimalist design could work well with the inclusion of micro interactions found on competitors' websites, creating a clean, highly usable website.
https://localteam.com.au/web-design-trends-part-2/
Micro-interactions are subtle animations that occur when a user does a simple task. An interaction, such as hovering over a button, may be paired with a simple animation to imply interactivity and enhance the page's aesthetic. The implementation of micro-interactions improves usability and reduces cognitive load by affecting the user.
Once the website and functions were plotted out, I moved onto creating the website in visual studio code using html, css, and javascript. I then uploaded the site using netlify.
To improve the webpage's flow, the order of each section was rearranged. This was changed to group similar information together. Some changes were also made to the spacing of elements to ensure the page flows better and each element is readable. The most notable of which is removing the planets around the image slider, which blocked the view of the images.
Within project 2, the aesthetics shifted to a more childish tone, which was followed through into project three, with no major aesthetic changes being made. I felt this was the right approach, as the information provided by the webpage would best benefit a younger audience.
While there were some changes to my overall proposal in the final design, it stays true to the ideas presented. Particularly, the goal is to educate the audience in a fun and immersive way. Many of the more specific elements of the solution overview were drastically changed to create a simpler, more satisfying web solution. The same goes for the more complex interaction points, which would have confused a younger audience and diluted the webpage's educational value.