Design Beckons

London based design & web development studio specialising in: Design, Development, Web Design, SEO and Information Architecture.

33Seconds

Social media marketing and technology PR agency, 33Seconds, came to us for branding and a website.

They were keen for the site to be image-led so Emli Bendixen produced a series of photographs offering a cinematic view of East London and the spirit behind the brand.

The Identity

Creative Director, Nina Ziegler, says about the identity: 33 lines, in a circle. How long do 33 seconds last? 33Seconds is all about new technology and the social space: a constantly moving and evolving network that radiates and glows. It’s also about collaboration and new ideas—standing out from the crowd—for 33Seconds as a business as well as for its clients.

The Website

Being B2B, the website needed to reflect the core need of its users—information retrieval—while enshrining the 33Seconds identity. With this in mind, we’ve developed a website that reflects 33Seconds brand values in a slick but efficient way, a website that doesn’t fall into a trap often seen in agency websites: the animation is simple and complimentary; navigation is instantly recognisable and accessed; and the content is stratified with a clear visual hierarchy.

Geekery

From a technical perspective, the site is simple but has a few nice touches. The homepage slider is intuitive and responsive, responding to keyboard and mouse interactions. The site has an optimised version that is delivered for hand-held devices, enabling easy navigation and sourcing of important information on the move. It also uses @font-face to ensure we can use Adrian Frutiger’s Univers (webfonts.fonts.com), allowing for a typographical treatment that corresponds directly with their off-line identity. Finally, microformats are used to further enrich the site with machine-readable information.

The result is a fully indexable, semantic, intuitive, elegant and SEO enabled website.

This entry was posted in Design, Development, Photography. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>