ᱵᱤᱥᱚᱭ ᱨᱮ ᱪᱟᱞᱟᱜ ᱢᱮ
Julia Hell ᱨᱮᱱᱟᱜ Eyesbound Portfolio Website

Julia Hell ᱨᱮᱱᱟᱜ Eyesbound Portfolio Website ᱫᱚ ᱣᱮᱵ ᱯᱨᱚᱛᱤᱡᱚᱜᱤᱛᱟ ᱵᱷᱟᱜ ᱨᱮ 2016 A' Design Award ᱨᱩᱯᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱨᱮᱱᱟᱜ ᱟᱹᱰᱤ ᱢᱟᱱ ᱟᱠᱟᱱ ᱡᱤᱛᱠᱟᱨ ᱠᱟᱱᱟ᱾


ᱨᱩᱯᱟᱣᱮᱵ· 2016

Eyesbound Portfolio Website

Julia Hell ᱞᱮᱠᱟᱛᱮ

ᱜᱟᱦᱟᱠ: Eyesbound

ᱣᱮᱵ ᱵᱷᱟᱜ ᱨᱮ A' Design Award ᱨᱩᱯᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱡᱤᱛᱠᱟᱨ

30,404

ᱡᱟᱸᱪ ᱟᱠᱟᱱ ᱮᱣᱟᱨᱰ ᱡᱤᱛᱠᱟᱨ

#45698 ᱞᱟᱜᱤᱫ ᱮᱣᱟᱨᱰ ᱦᱟᱞᱚᱛ ᱡᱟᱸᱪ

ᱨᱚᱝ

ᱰᱤᱡᱟᱭᱤᱱ

Eyesbound Portfolio Website ᱵᱟᱵᱚᱛ ᱛᱮ

Eyesbound комбирিं ফোটোগ্রাফার্ রেন্ লাগিৎ বেনাওকান্‌ আকান্‌ ফরটফোলিঅ ৱেবসাইট কান। পূর্ণ স্ক্রীন ইমেজ কো বেবহারতে সানাম সাহাতাঁ রেয়াক্‌ মূল উপাদান তানা। নেভিগেশন এলিমেন্ট কো পাసাহাত্‌ ঠাওকা এবং উকু ওকোয়্‌ দাড়েয়াক্‌ ওকতো, চেৎ ফটোগ্রাফ কো বান্ধা বাবু। টাইপোগ্রাফিক লোগো হুয় পূর্ণ স্ক্রীন মোডেৎ উদুকান্‌ তানা, ओटিএ ছোট এবং ট্রান্সপ্যারেন্ট বন্‌কান্‌ ওকতো। কেবল রাঢ়াँ এবং पान्डो রঙ কো বেবহার আকান্‌ তানা, লোগো তায়ে বেকগ্রাউন্ড এবং টাইপোগ্রাফি ফারচেয়া, চেৎ জোর ইমেজরির রেয়াক্‌ বাখরাত্‌ থির তায়ে দাড়া। নেয়ে ৱেবসাইট রেসপন্সিভ কান এবং মাউস আর অ্যারো কী দ্বারা চালাওকান্‌ পারায়ঃ।

ᱢᱟᱱᱟᱱ

A' Design Award ᱨᱩᱯᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱵᱟᱵᱚᱛ ᱛᱮ

Eyesbound Portfolio Website ᱫᱚ A' Design Award ᱨᱩᱯᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱧᱟᱢ ᱟᱠᱟᱱᱟ, ᱱᱚᱶᱟ ᱫᱚ ᱥᱩᱱᱫᱚᱨ ᱟᱨ ᱵᱷᱟᱞᱟᱭ ᱰᱤᱡᱟᱭᱤᱱ ᱠᱚ ᱞᱟᱹᱜᱤᱫ ᱮᱢ ᱟᱠᱟᱱ ᱥᱚᱢᱟᱱ ᱠᱟᱱᱟ᱾ ᱱᱚᱶᱟ ᱠᱚ ᱫᱚ ᱰᱤᱡᱟᱭᱤᱱᱟᱨ ᱠᱚ ᱨᱮᱭᱟᱜ ᱵᱷᱟᱵᱱᱟ ᱟᱨ ᱵᱷᱟᱞᱟᱭ ᱠᱟᱢᱤ ᱡᱷᱟᱞᱠᱟᱣ ᱠᱚ᱾ Eyesbound Portfolio Website ᱫᱚ ᱠᱚᱞᱟ, ᱣᱤᱜᱭᱟᱱ, ᱰᱤᱡᱟᱭᱤᱱ ᱟᱨ ᱴᱮᱠᱱᱚᱞᱚᱡᱤ ᱨᱮᱭᱟᱜ ᱥᱤᱢᱟ ᱵᱟᱲᱦᱟᱣ ᱟᱨ ᱫᱩᱱᱤᱭᱟ ᱵᱷᱟᱞᱟᱭ ᱞᱟᱹᱜᱤᱫ ᱜᱚᱲᱚ ᱮᱢ ᱠᱟᱱᱟ᱾

ᱰᱤᱡᱟᱭᱤᱱ ᱯᱤᱪᱷᱟ ᱨᱮ

ᱯᱨᱮᱥ ᱠᱤᱴ

ᱰᱤᱡᱟᱭᱤᱱᱟᱨ ᱧᱮᱞ ᱠᱷᱚᱱ ᱠᱨᱮᱰᱤᱴ, ᱴᱤᱢ ᱥᱫᱚᱥᱭ ᱟᱨ ᱴᱮᱠᱱᱤᱠᱮᱞ ᱵᱤᱵᱚᱨᱚᱬ ᱮᱢ ᱟᱠᱟᱱᱟ᱾

ᱟᱞᱜᱟ ᱜᱩᱱ ᱠᱚ
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.
ᱢᱟᱯ ᱟᱨ ᱯᱮᱠᱮᱡᱤᱝ
Responsive web page with always-fullscreen imagery and fullscreen mode in supported browsers.
ᱴᱮᱜ ᱠᱚ
Clean, Easy-to-use, Photography, Simple, Website, Web Design, Portfolio
ᱛᱮᱭᱟᱨ ᱛᱮᱠᱱᱚᱞᱚᱡᱤ
The web design was created in Adobe Photoshop, Realization Tools: Drupal 7, CSS 3, HTML 5, jQuery
ᱰᱤᱡᱟᱭᱱ ᱪᱮᱞᱮᱧ
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.
ᱜᱚᱵᱮᱥᱚᱱᱟ
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.
ᱯᱨᱮᱨᱚᱱᱟ
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.
ᱯᱨᱚᱡᱮᱠᱴ ᱥᱚᱢᱚᱭ
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.
ᱠᱟᱹᱢᱤ ᱦᱚᱨ
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 #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.

ᱥᱯᱚᱱᱥᱚᱨᱰ

Designers.org ᱠᱷᱚᱱ ᱯᱟᱨᱚᱢ ᱛᱟᱞᱟᱥ

ᱟᱞᱮᱭᱟᱜ ᱵᱤᱜᱽᱭᱟᱯᱚᱱ ᱥᱟᱹᱜᱟᱹᱭ ᱠᱚ ᱠᱷᱚᱱ ᱯᱨᱚᱰᱟᱠᱴ, ᱥᱮᱵᱟ ᱟᱨ ᱢᱚᱠᱟ ᱩᱫᱩᱜ ᱢᱮ᱾

ᱵᱷᱟᱞ ᱰᱤᱡᱟᱭᱱ ᱢᱟᱨᱟᱝ ᱪᱤᱱᱦᱟᱹ ᱦᱟᱛᱟᱣ ᱞᱟᱹᱠᱛᱤᱭᱟᱜᱼᱟ

A' ᱰᱤᱡᱟᱭᱱ ᱮᱣᱟᱨᱰ ᱫᱚ ᱵᱷᱟᱞ ᱰᱤᱡᱟᱭᱱ ᱞᱟᱜᱤᱫ ᱢᱤᱫ ᱟᱱᱛᱚᱨᱡᱟᱛᱤᱭ, ᱡᱩᱨᱤ ᱵᱤᱪᱟᱨ ᱠᱟᱱ ᱢᱟᱱ ᱠᱟᱱᱟ᱾ A' ᱰᱤᱡᱟᱭᱱ ᱮᱣᱟᱨᱰ ᱨᱮ ᱵᱷᱟᱜ ᱞᱮ ᱟᱢᱟᱜ ᱠᱟᱹᱢᱤ ᱞᱟᱜᱤᱫ ᱡᱚᱜᱽᱭᱟᱛᱟ ᱨᱮᱱᱟᱜ ᱪᱤᱱᱦᱟᱹ, ᱱᱟᱢ, ᱢᱟᱱ ᱟᱨ ᱯᱨᱪᱟᱨ ᱧᱟᱢ ᱞᱟᱜᱤᱫ᱾ ᱟᱢᱟᱜ ᱠᱟᱹᱢᱤ A' ᱰᱤᱡᱟᱭᱱ ᱮᱣᱟᱨᱰ ᱞᱟᱜᱤᱫ ᱱᱚᱢᱤᱱᱮᱴ ᱠᱟᱛᱮ ᱢᱟᱱ ᱟᱠᱟᱱ A' ᱰᱤᱡᱟᱭᱱ ᱯᱩᱨᱟᱥᱠᱟᱨ ᱞᱟᱜᱤᱫ ᱯᱨᱚᱛᱤᱡᱚᱜᱤᱛᱟ ᱢᱮ᱾

ᱱᱚᱢᱤᱱᱮᱴ