1
MOTCHIRI COLLECTION | HELLO WORLD websites use a 3D environment to engage the viewer to see the collection. There are distinct points that guide the viewer to where one may purchase the item without going straight up to the shop button at the top. It entertained me after entering the title page. This site kept me focused as if I was playing a video game and I even was wondering what kind of products they sold. They use a game-like interface to keep the view on the page. It is a limited environment and different points take you to different products. For the environment they created they use contrast to show the viewer where to go. On their website where the products are being sold they use repetition of certain elements to organize their products.
Although this site is to sell products. I found it intriguing how they implemented the 3D environment to display some of their products to keep the viewer on their site. I think it would depend on what the purpose of the website and who the target audience is I could add a 3D environment to keep the viewer entertained while showcasing the product and or information I wish the viewer to pay attention to.
https://motchiri.com/collection/hello-world
2
Empowering Trading website utilizes 3D vector models to display different subjects about their topic. It is a visual presentation containing statistical elements to display their data in regards to the subject. As one scrolls up or down one advances throughout the sections. This website applies hierarchy to show distinction between the heading of the section and the information about the section provided. It also displays some statistics represented by charts and graphs. Since they show statistics in regards to the subject they maintain a good balance of the information and the background with the vectors. The navigation bar is also maintained throughout viewing the site. Also they have the sections at the bottom of the website if one would want to go back to a certain section without scrolling which I found convenient. Once I reach the end the bottom bar shows 100% and what is displayed is all the sections together showing how every part fits the whole then there is a button to go to a different page that has the footer.
This site gave me an idea to maintain the navigation bar and a part for sections throughout my sites so the viewer could quickly go to the section they desire without having to scroll a lot. I could also add some animation elements in the background to balance out some compact information sections but not add too much color so it will not be distracting. I could make certain buttons stand out so the viewer knows where to go after once all the information has been displayed.
3
Kelvin Zero – Unlock the Future of Authentication, website uses an up, down scrolling to navigate throughout the site. It maintains the navigation bar throughout exploring the website. This site uses a lot of negative space and keeps its elements within the center to keep the viewer focused on the material they want them to see. They use contrast to differentiate between each element. They also utilize proximity to group elements that are related to each other. Hierarchy is shown in the areas that they provide more details about the product.
Even though this site is for a product I could implement some of their ideas of how to display the images within a box element. And provide information on the side using Hierarchy to distinguish between the heading and the information. Also they use repetition to show that certain elements pertain to each other. I may also attempt how they maintained all their information in the middle as one scrolled further into the page to keep the viewer from wandering.