PROJECT

Show This One to your Developers

Not all site lifts are equal, but that doesn't mean the reinventing the wheel each time. This case study goes through several complicated site designs that show the in-depth character of work I put into making the development go as smooth as possible. From modular naming conventions, navigation treatments, and javascript animations, I'm hoping your developers breathe a sigh of relief when viewing this.

Tools

Figma, FIgJam, Telepathy

Here is an example of how I specify specific versions of a block. In this example, I am showing the four different types of headers, and how they would operate on mobile and large screens.

‍

In this section, I am showing specifications on menu treatments - their animations and conventions across desktop and mobile.

‍

Here we have my specifications on an interactive block that has a complicated animation when scrolling on Mobile versus the hover state on Desktop.

View this animation on DHR Global

‍

‍

This screenshot is of a Figma file that I created for developers to understand a very particular client's landing page.

View the entire page here.

‍

‍