a home page with five glitched videos showcasing menu items

Debby Friday

This client was looking for an introduction that warranted a pause. Using the hub information architecture, each section of the website is denoted by a button, the name or content of which is not visible for the beginning part of each animation.

Prototype

Early Animation

Experimentation with what the most effective and alluring
glitch would look like for the purposes of directing pace.

Original Wireframe

The hub structure of the website was extablished here.

Source Image

The selfies to morph or glitch between.

Source Image

The selfies to morph or glitch between.

Early Home Page

This home page was comprised of a video of lambs
as a background and cut outs of product images.

Documentation

Outcomes

This requires you to wait and spend a short amount of time with the page to find what you are looking for.This was a more straight forward project as I was updating existing content. It also happened to be my first time working in squarespace. Adding custom code to certain assets allowed the videos to run uninterrupted which created a landing page that is playful, self generating, and interesting. Creating and troubleshooting the ideal export for the video assets was the most technical part of this project.