I frequently visit the Colour Pop website but I have never truly paid attention to the lay out of the website and how the creators of the website used colors, typography, and shapes in order to capture my attention.
When you first click on the website, you see the bright colors and different shapes that automatically attract you to the different areas of the page. Your eyes lead you from the top to the bottom in a matter of seconds because of the aesthetics of this webpage. You see the beautiful women who’s eyes lead you to different areas of the page. The fonts re not as bold as the colors which is good because they may throw the audience off and cause them to be unable to find a specific place to look at.
As you continue to scroll down t homepage, there is still a lot of white space but it is balanced out by the bold colors of the makeup products and models. There are many different areas that you are able to click on in order to direct you. The colors of the website also change with the seasons so if it is Christmas there is a more festive background and may cause the audience to be in a more festive mood and purchase more makeup. I do believe this is a strategic way of marketing that colour pop uses.
At the end of the homepage, you see more photos of models and regular people that may have tagged colour pop in their makeup inspirations. Your eyes also lead you to a search bar at the bottom of the page and ways to follow colour pop on other social media platforms. I love the website because of all the quality makeup for a cheap(er) prices. Go check it out. https://colourpop.com/
The website feedmusic.com has a very interesting design that immediately grabbed me.
You can’t tell in the background but the blue stuff in the background is constantly moving while on the website which I found very cool as the homepage for the site. There is also a cool quote to instantly drag you in and the text at the bottom left of the site gives you some necessary information about the site that can help someone if they are feeling overwhelmed by the initial graphics.
The navigation of the site is incredibly smooth, as in you can go to any of the pages on the site without having to load the website again. Each transition to another page on the site looks incredibly smooth as the next page glides on top of the current one.
One page in particular, the tech spotlight page, is the most impressive one.
As you scroll down the page, more information is added as the graphic to the right of the screen changes.
The colors of the text and graphics also sync up in a very satisfying way.
There is also a bar below the tech spotlight navigation button that fills up as you go further down the page which is pretty amazing.
The site is about technology, so it makes sense that the creators of the website would want the site to be as dazzling as possible and showcase the skill of the creator. It does this extremely well.
The text used in the website always fits well with the various amounts of colors that each part of the website use so willingly.
I really enjoy that the website is all there, you don’t have to load to another page and the transitions to other pages are smooth, but don’t take long either. I will try to make my own website as buttery smooth to navigate as this one if I can.
I found Tobias van Schneider’s website and loved how it took to my eyes. I felt that the hard contrast of the black background against bright, big, and easy to read font striking, and the side portrait, when contrasted to the background, to be loud , yet classy. He uses the large font, presumably, because he has worked with large corporations and it’s a way to emphasize that. The links to his social media are smaller because he’s dragging the visitor down the page. I barely registered those links when I first went to the page, eager to scroll down.
He adds more visual suspense by letting the large text go over his face, as if the words are coming out of his head. This is contrasted with his blog, which he’s titled as essays on his site, lending to a sense of exclusivity to the visitor.
Another way his site worms into the visitor’s mind is by having what amounts to ads for things he’s worked on. This works really well with his face because it’s as if he’s the man behind these brands the viewer has heard of.
I think the site really works because of the effect with his head. His image is integral to the site as much as he is integral to his personal brand. The imagery is just as important at selling him as his words. I think that this site is more a portfolio of Tobias than anything else. I think this is because all of his social media is at the top, front and left where the Western eye drifts towards first. If a company is considering him for a job, the odds are that his portfolio-website could be looked at several times and having that easily accessible also shows that he’s confident with his online presence as well, handy for working primarily with tech-based companies.