Envylabs

envylabs.com

Code

Code

This section of code consists of code for a transition/animation for a div class. The attributes for the line elements look like x and y coordinates that correspond to position. The path elements look like they might be used for positioning the transition path. The site uses divs for creating each section of the page with heading and span elements used for their content.

User Interface

User Interface

The user interface is spacious and sectioned logically. Each section consists of a different aspect of the page, such as case studies and insights. Mouse hover animations are used in a few places on the page, such as the section cards shown above and at the top of the page. There was also an animation whenever a link was clicked on.

User Experience

User Experience

The mouse hover and link animations brought some visual interest. The page was not overwhelming in terms of layout.

Summary

The Envylabs web page used divs frequently to create sections. The sections were spaced out adequately so the page was not overwhelming to look at. Mouse hover animations were used in some places throughout the page. An animation displayed when a link to another page was clicked on. These animations added extra flare to the site.