Official Website Design by E Studio

As a close partner of Whateverbrand, E Studio has long explored commercial spaces across many fields, uncovering the real pain points of each business to create a distinctive, complete identity for every brand. As our portfolio and client list have grown, our website has become one of the main ways clients get to know the studio.

Navigation Bar

The main navigation bar stays fixed on the page. Clicking Project opens a second level of navigation with a motion effect: hover over a project name, without clicking, and a preview image appears over the page you are viewing, building up a layered collage. Click the name to open the project page.

News & Journal

News is time-sensitive, and the number of articles soon grows large enough to make finding one tedious. So the News page works in two ways: pick an article by title from the navigation menu to go straight to it, or keep scrolling to follow everything the studio has been through, large and small.

About Page

A design studio's website is its shopfront, and its main job is to show the work. So we gave most of the site to our projects. Everything else, from the studio introduction to awards, publications and our client list, is gathered into sections on the About page: brief and to the point, so the site stays easy to use. New sections can be added without limit.

Other Sizes

We want the site to look right in as many settings as possible. Beyond the usual 4:3 screen, we extended the design to two more formats, the 16:9 ultrawide and the phone screen, so the design carries through rather than compromises.