IPAG

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
  • Ergonomie
  • UI design
  • UX design
  • UX strategy
Tools

    01

    Expert evaluation and user tests

    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 user tests of the website, based on user scenarios. The usability issues that emerge are ranked and paired with illustrated recommendations, based on a benchmark.

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

    A co-designed redesign

    The ergonomic evaluation and user tests are the starting point of the improvement leads.

    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-construction 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 graphic charter

    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 which trends to use. 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