This project aimed to redesign the website of DIGICOM, an International Conference on Design and Digital Communication organized by the School of Design of the Polytechnic Institute of Cavado and Ave and by Research Institute for Design Media and Culture (ID+) with the cooperation of Communication and Society Research Centre, University of Minho (CECS-UM).

Duration

Jan - Apr 2023

project category

Web Design
UI/UX Design

SKills

Web Design
UI/UX Design

tools

Figma
Photoshop
Notion

Duration

Jan - Apr 2023

project category

Web Design
UI/UX Design

SKills

Web Design
UI/UX Design

tools

Figma
Photoshop
Notion

Duration

Jan - Apr 2023

project category

Web Design
UI/UX Design

SKills

Web Design
UI/UX Design

tools

Figma
Photoshop
Notion

Context

This international conference annually brings together the work of researchers, academics and designers from around the world, with the aim of promoting an open, broad and plural discussion, bringing together different areas of knowledge. As the conference grew, the need arose to adopt a more modern language, including the reformulation of the website.

Solution

The main goal was to make the website aesthetically appealing and enhance the user experience by making navigation more intuitive and engaging.

Project Process

Research

Website Analysis

Research

Website Analysis

Research

Website Analysis

Ideation

Information Architecture
Wireframing

Ideation

Information Architecture
Wireframing

Ideation

Information Architecture
Wireframing

Prototype

Visual Design
Prototype

Prototype

Visual Design
Prototype

Prototype

Visual Design
Prototype

RESEARCH

RESEARCH

RESEARCH

Website Analysis

The initial stage of the website redesign consisted of an in-depth analysis of the existing version, with the aim of identifying challenges and opportunities for improvement. This process included evaluating the navigation structure, usability, visual design and accessibility, ensuring a clear understanding of the aspects that could be improved.

VISUAL CONSISTENCY

  • The graphic style is coherent, but can be visually tiring due to the high contrast between black and yellow;

  • Some are as appear overloaded with information and images, detracting from overall clarity.

READABILITY AND CONTRAST

  • Excessive use of a yellow background with black text can strain the eyes and make reading difficult;

  • The geometric pattern in the background may interfere with readability in some areas.

VISUAL HIERARCHY AND ORGANIZATION

  • The layout of information is not always clear, making intuitive navigation difficult;

  • There is a lack of more evident separation between content blocks, causing a dense visual effect;

  • The menu presents inconsistencies in identification, with some pages in Portuguese and others in English.

USER EXPERIENCE

  • Lack of clear highlighting on buttons;

  • The lack of uniformity of the menu can cause confusion in navigation and compromise the user experience;

  • The presence of pages in different languages, some in English and others in Portuguese, results in an inconsistent experience for the user, which can make navigation difficult and compromise understanding of the content.

IDEATE

IDEATE

IDEATE

Information Architecture

The website's information architecture has been completely redesigned with the aim of providing more intuitive navigation, improving the structure and hierarchy of the content. Furthermore, English was adopted as the default language, given that this is an international conference, thus ensuring that the content is accessible to all users. This restructuring makes it easier to access essential information, resulting in a more fluid and efficient user experience. Below is the previous information architecture, accompanied by the updated version.

PROTOTYPE

PROTOTYPE

PROTOTYPE

Typography & Colors

The typography and color palette were carefully chosen to ensure legibility, reinforce visual consistency and provide a harmonious aesthetic experience, aligned with the conference's identity.

Website Redesign

The website was developed to be responsive. In this section, on the left, an image of the previous version will be displayed, while on the right, the new interface will be displayed. This arrangement allows for a detailed visual comparison between the old design and the redesigned version. The objective is to highlight the improvements implemented, both in aesthetics and functionality, providing more intuitive navigation and an improved experience for users.

home

before

after

conference

before

after

call for papers

before

after

Keynote Speakers

before

after

registration

before

after

publications

before

after

More works