Eyesbound 作品集网站 by Julia Hell is a highly esteemed winner of the very prestigious 2016 A' Design Award 银奖 in 网站与网页设计 Competition Category.

银网页· 2016

Eyesbound 作品集网站

by Julia Hell

Client: Eyesbound

A' Design Award 银奖 Winner in 网页 Category

29,632

Verified Award Winner

Verify Award Status for #45698

加入候补名单 Visit Site View at A' Design Award Press Release Award Badge

Colors

The Design

About Eyesbound 作品集网站

Eyesbound 是一个为摄影师打造的作品集网站。全屏图像构成每个页面的主体元素。导航元素设计简洁并可隐藏，从而不会遮挡摄影作品。文字标志在全屏模式下同样保持显示，此时它会缩小并变为半透明。整个网站从标志到背景与字体均仅使用黑白两色，使视觉重心始终落在影像本身。该网站采用响应式设计，可通过鼠标或方向键进行操作。

The Recognition

About the A' Design Award 银奖

Eyesbound 作品集网站是 A' Design Award 银奖得主，这是授予顶级、华美而令人印象深刻的设计的极为崇高的认可。银奖得主是极其卓越、极具创造力的作品，展现出其设计师杰出的专业技能、才华与敏锐。预计Eyesbound 作品集网站将成为一件出色的典范之作，兼具非凡的专业性与深刻的创新性。这件赢得 A' Design Award 银奖的设计是一项备受瞩目、令人钦佩的发明，造福并拓展艺术、科学、设计和技术的边界。Eyesbound 作品集网站是一件令人羡慕的创作，它唤起渴望，带来积极的情感，并激发惊叹与赞叹。

Behind the Design

Press Kit

Credits, team members and technical details provided by the designer.

Unique Properties: The design focuses on the strong imagery of the photographer and emphasizes this by using full screen images as a main detail. The navigation elements are kept simple and it is possible to hide them, so the images will not be covered by them. The typographic logo is displayed in full screen mode as well but scales down and transparentizes. In order to set the focus on the images, the only used colors are black and white.
Dimensions & Packaging: Responsive web page with always-fullscreen imagery and fullscreen mode in supported browsers.
Tags: Clean, Easy-to-use, Photography, Simple, Website, Web Design, Portfolio
Production Technology: The web design was created in Adobe Photoshop, Realization Tools: Drupal 7, CSS 3, HTML 5, jQuery
Design Challenge: The challenge was to find a way to display photography online in a new and unseen way. To do so I needed the full screen mode. The technical realization happened to be difficult, since the website is responsive. It does not work on every browser, older browsers do not support the fullscreen mode.
Research: I browsed several photographers portfolio websites, both, of famous and not yet discovered photographers and filtered design and layout wise for similarities and differences. Many portfolio pages do not have full screen options. I started to focus on the works. My client does not use his own name to publish his photos, we created sort of a brand for the photos. Then I started to look at fashion, furniture and lifestyle brands. They all put the emphasis on the product. In our case the photography becomes the product, at least presentation wise.
Inspiration: The main inspiration came through the photographers imagery. He focuses on architecture and nature motifs with a unique point of view. In preparation for the design, I had a look at several portfolio websites to get a best practice overview. I realized, that the information about the photographer often seems more important than the images. So I focused on the images as a key element.
Project Duration: The project started in May 2014 in Berlin and went live in August 2014. Since then minor iterations are still in progress to present day.
Operation Flow: The website can be operated by mouse and keyboard, using arrow keys inside modern browsers. The navigation structure is kept simple, without too many sub pages to the flow flat and the user interested.
Image Credits: Image #1: Photographer: Jannis Hell, Zirkuszelt, 2014.
Image #2: Photographer: Jannis Hell, Ibsens Hotel, 2014.
Image #3: Photographer: Jannis Hell, Shuttered, 2013.
Image #4: Photographer: Jannis Hell, Trockenraum, 2013.