Skip to content
Eyesbound ポートフォリオウェブサイト by Julia Hell

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

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.

Sponsored

Explore Beyond Designers.org

Discover products, services and opportunities from our advertising partners.

Good Design Deserves Great Recognition

Nominate Your Work for the A' Design Award.

Nominate