The IPAG showcase website gets a makeover

The IPAG showcase website gets a makeover 

Client Brief

Following an unsatisfactory redesign, IPAG want to rethink their showcase website through a user-centered approach, taking into account all their stakeholders: they wish to use a co-design approach to involve their communication and marketing teams, with their own stakes, on the one hand, and the users (students and companies) with their specific needs on the other.

Year

2019

Expertise
  • Design
Disciplines
  • Ergonomics
  • UI design
  • UX design
  • UX strategy
Tools
  • Card sorting
  • Collaborative workshop
  • Ergonomic criteria checklist
  • Graphic sprint
  • Sketch

01

Heuristic evaluation and user testing

First step of the redesign, capitalize on the existing website: identify what works and what needs to be improved.

First, in collaboration with our friends at Pigwii, we conduct an ergonomic evaluation and usability testing of the website, based on usage scenarios. The usability issues identified are prioritized and paired with graphical recommendations based on a benchmark.

Extract from the expert evaluation
Extract from the heuristic evaluation
Target users during a test
Target users during a test
Extract from the heuristic evaluation
Target users during a test
02

A co-creation session for the redesign

The heuristic evaluation and usability tests are the starting point for the improvement.

Based on these elements, we organize a workshop involving all the project stakeholders to redefine the website’s tree structure. We use benchmarking and card sorting at this stage of the co-creation process.

Ipag - card sorting workshop
Card sorting workshop
Co-construction of a tree structure
Co-construction of a tree structure
Card sorting workshop
Co-construction of a tree structure
Deliverable of the website’s tree structure
Deliverable of the website’s tree structure

Once the tree structure has been consolidated, our designers start working on the redesign of each page, both on its structure, and on information prioritization: it’s time for information architecture.

Presentation of the IPAG website wireframes
Presentation of the IPAG website wireframes

33
wireframes produced in mobile and desktop version

03

A modernized visual identity

We take the existing and make it better!

The objective is not to completely redesign the school’s identity, but rather to update it.
A mood board is compiled to identify the trends. An artistic direction is defined and responsive visuals are produced on desktop and mobile.

Visual of the homepage on desktop
Visual of the homepage on desktop
Visual of the homepage on mobile
Visual of the homepage on mobile
See another project