UX Design • Indio da Costa

UX DESIGN • Indio Da Costa Design Studio

First Responsive Website for Indio da Costa Design and Architecture Studio -  Rio de Janeiro - Brazil.

​Indio da Costa Studio is a 40-year Brazilian multidisciplinary group of Architects, Urban planners and Product Designers, supported by a variety of specialists who won several international awards and has its products displayed in museums worldwide.

UX Design • Indio da Costa

UX Design • Indio da Costa

First Responsive Website for Indio da Costa Design and Architecture Studio - Rio de Janeiro - Brazil.

​Indio da Costa Studio is a 40-year Brazilian multidisciplinary group of Architects & Urban Planners, and Industrial Designers, supported by various specialists who won several international awards and have their products displayed in museums worldwide.

Home Page

Home Page

Before starting to wireframe, new information architecture was developed for the website by gathering information from the stakeholders in the four main areas (architecture, urban planning, product design, transportation design). The owners decided on the acronym A.U.D.T. related to the areas mentioned above. They asked for a website structure that could have an excellent portfolio section and could also be changed by the marketing team.

A WordPress template was previously chosen but was modified by an outsourced developer’s team according to the client’s specific needs.

Gathering all the information and deciding on a common path for both Architects and Industrial Designers was challenging yet very rewarding. Every part of the website was truly thought through, with several testings and the team’s consultations.

Collections Page / Menu

Collections Page / Menu

The main navigation bar and the relevant areas of the Studio were defined as:

Projects (Portfolio) and Main Menu.

Product Detail Page

Product Detail Page

The inner part of the portfolio had a slide carousel. On the bottom right side, you would find the product’s specifications. You could choose to see either images or videos of that product by clicking on the icons below.

Mobile Version

Mobile Version

The mobile app was following the project's responsive quality, and it was the first mobile version created for this com

Click here to read more