A new website for the human-first consulting company Round focuses on simple scroll-based interactions to help communicate their rounded approach to consulting – the notion that true problem-solving involves both a business perspective and a human perspective.
![First screen of the round website](/static/28926ab5d92562c2f0ecf28aac6a92ed/caf23/mobile.png)
The website uses the circle, Round's logo and symbol, as a basis of all effects and animations on the website. From image transitions to explainer graphics, these circles slowly animate as the user scrolls down the page and the result is a calm but responsive interface with perpetual movement.
The circle is used as a basis for all animations.
The website features a comprehensive introduction to Round, its team, and its strategies and processes. All of this is presented in a single, scrolling story narrated by a circle that morphs between logo and image.
![](/static/84b1cf10554fc842b0c7a21b0c83db3d/0ddc8/website-1.png)
![](/static/b5ff11cbc41793ba5af637ac72cfd787/0ddc8/website-2.png)
![](/static/ac56a14d56c75b7ee81c404fee63c21d/0ddc8/website-3.png)
![](/static/84b1cf10554fc842b0c7a21b0c83db3d/0ddc8/website-1.png)
![](/static/b5ff11cbc41793ba5af637ac72cfd787/0ddc8/website-2.png)
![](/static/b5ff11cbc41793ba5af637ac72cfd787/0ddc8/website-2.png)
![](/static/84b1cf10554fc842b0c7a21b0c83db3d/0ddc8/website-1.png)
![](/static/ac56a14d56c75b7ee81c404fee63c21d/0ddc8/website-3.png)
![](/static/b5ff11cbc41793ba5af637ac72cfd787/0ddc8/website-2.png)
![](/static/84b1cf10554fc842b0c7a21b0c83db3d/0ddc8/website-1.png)
A single, persistent circle acts as a container for imagery.