Project
Punch
This website for a video production company had me flexing my creative muscles. I was encouraged to experiment with motion and add flair to the UI.
UI
Branding
Motion
Punch wanted a website that highlighted their creative prowess. They wanted to experiment with modern design trends and have a digital experience that represents them as an experienced creative team.
They came to use with just the logo, no supporting brand guidelines or elements to call on. We presented a range of options which included some motion proof-of-concepts and some limit-pushing web references.
Motion
As the name suggests, the client wanted to have a punchy introduction. The logo shows their name within a frame so I utilised that for a stylised load-in animation. Here you can see the animation broken down into stills.
You can also see the noise/static texture that animates the entire time you're on the site.
I developed the brand to include elements that imitate camera UI. The technical qualities combined with the aesthetics present Punch as an expert in the industry willing to push the boundaries.
Elements such as framing devices and a monospaced font for details give the updated Punch branding character. The combination of a bitmap style typeface with a serif was employed to represent their work (being digital video) having a real life impact (represented by the juxtaposition in styles).
