#UX / Graphic Design

“We love art and foster a creative dialogue in order to make it real.” – gex&dorthe engineers

#artdirection #market analysis #user research #userinterview #cicd #webdesign #prototyping #photography #portfolio

SERVICES

gex&dorthe ingénieurs is a small structural engineering company in the French speaking part of Switzerland and besides their expertise and dedication, particularly known for being a passionate collaborator for architecture and competition projects.

INTRODUCTION
BLACK MATTE #282828
CORPORATE COLOUR
LOGO

TARGET GROUP

An online portfolio is used as a primary marketing tool to reach out for national projects.

The customer is taken on a journey and is invited to browse through the website as an experience, guided to get to know the company.

STRATEGY

While the work of an architect is clearly visible, the engineering part is likely to be hidden amongst the building – the overall design stands out.
How to make it visible? How to win the user’s attention immediately and introduce the world of engineering? In order to solve this problem, it helps to understand the process of an architectural project and at which point the engineer steps in.

CHALLENGE

SITEMAP

The art of balancing out rocks is used as a symbolic entry to the world of engineering - how making a construction permanently stable is one of the main tasks. Followed by the core principles in the form of statements, the user gets a first impression of the company and is invited to browse deeper for details.

Web Design

At its heart, the reference page lists the most important projects of the last 20 years. The filtering system allows to sort out the projects by different categories which are independently selectable. Also, the user can toggle between a visual (gallery) or informative (list) view.

Feature 1

The company's story can be experienced through a count animation, where, among others, milestones and the amount of employees are shown. The timeline ends with a philosophical quote referring to the change management happening.

Feature 2
PRIMARY TYPE FACE
SECONDARY TYPE FACE