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
Verified Award Winner
Verify Award Status for #45698The Design
About 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.
More to Explore
Related Designs
Explore more award-winning designs from the same category, selected by merit.
