Evolution Design 網站 by Evolution Design is a highly esteemed winner of the very prestigious 2023 A' Design Award 鐵獎 in 網頁設計 Competition Category.

鐵網頁· 2023

Evolution Design 網站

by Evolution Design

Client: Evolution Design

A' Design Award 鐵獎 Winner in 網頁 Category

28,170

Verified Award Winner

Verify Award Status for #147726

Visit Site View at A' Design Award Press Release Award Badge

Colors

The Design

About Evolution Design 網站

Evolution Design係一個為建築同設計工作室而創作嘅網站。呢個網站展示咗嚟自唔同類別嘅項目,以突顯佢哋多元化嘅作品範疇。網站仲展示咗團隊成員同客戶,反映出以人為本嘅設計理念。簡潔嘅版面編排、留白空間,以及好似情緒板咁樣嘅圖片拼貼,共同塑造出獨特嘅視覺風格。固定式導航欄喺頁面滾動時仍然保持可見,而行動呼籲按鈕就進一步促進用戶互動。呢個網站具備完全響應式設計,可以喺手機、平板電腦、手提電腦同大螢幕上完美適配。

The Recognition

About the A' Design Award 鐵獎

Evolution Design 網站是 A' Design Award 鐵獎得主，這是授予滿足人們對設計精良的創作所期待的專業與工業要求的優良設計的聲望認可。鐵獎得主展現出其創作者的高超技藝、高度專業化、專家級的理解力和創造能力。預計Evolution Design 網站將成為一件備受推崇、令人欽佩且被珍愛的創作，既實用又創新。這件贏得 A' Design Award 鐵獎的設計整合了行業最佳實踐，並擁有與專業知識和才華相結合的稱職技術特性。Evolution Design 網站因其嚴謹而受到尊重，旨在提供有助於讓世界變得更美好的生活品質改善。

Behind the Design

Press Kit

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

Unique Properties: The re-launched website embodies Evolution Design’s values and design approach. It has been achieved through the prominent placement of projects from different categories, highlighting studio’s wide range of work. The focus on human-centred design has been achieved by showcasing our team and our clients. Aesthetically, the site is clean, dynamic and user-friendly through the use of white space and image galleries resembling mood boards and the interplay of typographical elements.
Dimensions & Packaging: The website is designed to be fully responsive: 4k resolution, laptops, smartphones, tablets and other devices. Available in the latest versions of Chrome, Firefox, Safari, iOS and Android.
Tags: UX, UI, website, web design, interface, responsive design, corporate identity, Evolution Design
Production Technology: Design tools: Figma. Development tools: Ibexa CMS, Netgen layouts, Bootstrap on enterprise server setup.
Design Challenge: The biggest design and development challenge was to make the site appear light and effortless without losing our signature design touch. The essential element of this design concept are the image collages that resemble architectural mood boards. They can contain up to four images and can have six different coloured backgrounds. Implementing these mood boards was technically challenging and required setting up 11 image modules, in addition to the regular large-scale images and photo galleries.
Research: The most important aspect of the design was to create a digital identity that conveys our values, is eye-catching and addresses our target audience. We had several workshops to define our goals, vision, USP and key messages, and to define personas or potential website visitors and their journeys throughout our website. Through this process, four target groups were identified: potential clients, existing clients, the general audience and the media. The structure of the website, its aesthetic and user experience design were then customized to appeal to these four main categories.
Inspiration: Architecture and design studio Evolution Design prides itself on creating spaces that focus on the user experience. Yet, the studio’s initial website, which was 10 years old, was aesthetically and technologically out-dated and no longer reflected the studio’s ethos. Evolution Design collaborated with web agency Netgen to re-design its website and create a clean, user-friendly and aesthetic appearance to shine a light on Evolution Design’s projects, skills and team.
Project Duration: The revamp of our website began in February 2021 and the new, re-designed website was launched in October 2022. Design and development teams worked in Zurich, Switzerland and Zagreb, Croatia.
Operation Flow: The main interaction happens through top navigation. It was essential to the design team to deliver an easily navigable website. This was achieved by deciding against having a navigation bar that disappears as the user scrolls down the page and instead implementing a sticky navigation bar. The benefits of a functional navigation where content is always visible outweighed purely aesthetic considerations. Call-to-action buttons throughout the page facilitate the second level of interaction.
Patents: Copyrights belong to Evolution Design, 2023
Team Members: Evolution Design: Anna Riekstina
Netgen: Lea Friberg
Tieu Mayer
Christian Paredes
Ljudevit Juras
Marko Sandajl
Borna Matijanic
Amar Delic
Samuel Raus
Hrvoje Knezevic
Image Credits: Image #1: Illustrator Tieu Mayer, 2023
Image #2: Illustrator Tieu Mayer, 2023
Image #3: Illustrator Tieu Mayer, 2023
Image #4: Illustrator Tieu Mayer, 2023
Image #5: Illustrator Tieu Mayer, 2023