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