Evolution Design 웹사이트 by Evolution Design

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 웹사이트, 이 작품은 높이 평가받고 감탄과 사랑을 받는 창작물로서 실용적이고 혁신적일 것으로 기대됩니다. 이 철상 수상 디자인은 업계 모범 사례를 통합하며 노하우와 재능으로 연결된 유능한 기술적 특성을 갖추고 있습니다. 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