Here is a link to a website that I analysed from Awwwards
· Does the website merely constitute an example of aesthetically pleasing navigation, or does it also illustrate good functionality? In other words, does the website’s navigation allow users to easily reach their objectives?
· Concerning functionality, is the website’s navigation effective or ineffective? Ensure that you make reference to the user interface elements and their role in the user journey in order to substantiate your answer.
· Finally, have you encountered this kind of navigation before? Is this a unique way to guide the user’s path?
The website has interesting, with bold visuals! The interface is simple, and functions are clearly shown. Generally, it is clear which elements are active, and which are passive except for the yellow icon on the left. It serves no function other than aesthetic purposes. The path to achieve an objective is easy, smooth and intuitive. In terms of layout, the pages are designed well, with a landing page that only a bubble bouncing (realistically) on a background covered by solid darkness…
The bubble leads down the page as the scrolling bar. On the side, there is a scrolling bar. As the user scrolls down, the bubble continues to grow, and bounce around. It emphasises words on the page. When you reach the end, the bubble bursts, and leads to sign up, ‘about’, and ‘contact pages’. The contact function has an external link that allows you to choose an email client, however, it didn’t work. Colours are simple: yellow (attention), blue (self-expression) and pink (harmony). For navigation: hierarchical website navigation is used, with general ‘introductory information’ first, which leads to more specific information. Local website navigation has also been used, and some words are hyperlinked (‘about’ and the ‘shout out’ page), linking to other pages, creating some cross-referring.
Some global website navigation could be introduced, to navigate back to the top of the page. A general navbar with only a few items in could work well. The eye icon in the top left could have been used as a global navigation function — it doesn’t disappear as you scroll down but serves no functional purpose. After you enter your information, from the visible ‘sign up now’ CTA, you get feedback ‘you’re in’ feedback. Once you have signed up, you can ‘close’ and exit back to the previous page. There isn’t much information to link to (but I’m guessing the reason for that is because it is an activist organization). For future reference, they could include some global navigation bar that could lead to a ‘gallery’ page and so on. I have only seen this type of navigation once before, and it was a portfolio website emulating a game interface, leading the user to scroll with different actions ‘happening’ to their ‘avatar’ in the game.
