Envy Labs

envylabs.com

Code

Image of source code.

I was interested in the transition/loading screen they use to bring a user to a new page. It seems pretty simple to make: it is just a few divs as well as an svg icon that are combined with animations to make everything move smoothly. Overall, their code was very well organized and all of their class names were very simple and consistent. I noticed that the stylesheet started out with general styles of all of the main html elements and then progressed into the more complex selectors and styles, which is something I try to do as well when I am coding my CSS to keep it organized.

User Interface - UI

Screenshot of user interface.

The user interface is very clean and has plenty of smooth animations. There are different sections on the home page that preview some of the other sections of the website, such as case studies and insights. The navigation is clean and simple: there are only 5 links for the user to choose from. The colors and fonts are very consistent as well. I like that everything follows a similar color scheme; even the full size picture on the home page blends right in with the accent color.

User Experience - UX

Screenshot of user interface.

The entire site feels very interactive because there are animations that follow the user's cursor. It is relatively easy to navigate, especially since there are few carefully considered links on the home page to guide the user to what they are looking for. The animations are very impressive and clean, but in my opinion got a little distracting when I was trying to read through some of the case studies. However, the site is generally very responsive and easy to use.

Summary

Overall, this site is beautifully designed and is full of nifty animations that make it feel interative and clean. It is clear that navigation was carefully thought out, and the information on the home page engages the user and makes them want to explore further. The website achieves its purpose of spreading brand awareness and supplying plenty of examples of their work. Additionally, the about section is very professional, but it adds a personal touch to strengthen the user's trust.