02.

Our Approach

The first thing we did was reviewed their website and suggested a number of tweaks to clean up the layout and make sure it was better suited to integrate our animations.

Original website design

Here’s some of the issues we saw with this design:
- Header call to action copy wasn’t spaced well making it hard to read.
- Feature descriptions were cluttered together.
- Feature images were inconsistent - some were product shots, while one was a graphic.
- Feature images weren’t very informative.

Proposed website re-design

Above is the redesigned page where each of the features sits within its own block of content creating an easy to follow visual structure. vWe also redesigned feature images to 5-10s animated gifs illustrating how the particular task was performed within the product.

03.

Animated Feature Gifs

Here’s a couple of animated gifs that were created to explain various product features. To make them easier to read at this small size we even simplified some of their product UI. In the left example it can also be seen how we added some titles and motion graphics elements to show user submit a form and how its displayed for the legal firm.

To make the experience even more streamlined developers at Alt Legal added a feature where product demonstrations didn’t start playing till the user scrolled down to a particular feature.