Université de Bordeaux: a serif for culture, a sans-serif for the screen

Client
Université de Bordeaux
Year
2021

The challenge

The Université de Bordeaux asks us to redesign the visual identity of its institutional site, which dates back 6 years and is no longer suited to today's challenges. It sits at the centre of a vast ecosystem and represents 50% of the traffic across the university's websites. A new platform built around three main goals: attracting and recruiting new talent, informing and making it easier to find information, and giving the university an international reach.

Université de Bordeaux: a serif for culture, a sans-serif for the screen

Project flow

01. Framing and immersion
02. Benchmark and moodboard
03. Art direction
04. Brand guidelines
05. UI kit
06. Delivery

Study detail

Art direction and visual identity

Evolving the existing visual identity and adapting it to digital channels

We retained the existing colour palette, using blue in small touches to keep a reassuring feel overall. After a study of the leading players in higher education, and to give the site international stature, we chose to put in place a simple, restrained and structured design. The form serves the content, where the typography plays a leading role. For typography, we chose to use a Serif font (with serifs) already present in the identity for the headings, echoing the themes of literature, publishing and culture. For the body content, we chose Work Sans (sans-serif), which offers better readability on every type of screen. The two typefaces are intended to feel modern, with clean, precise curves that resonate with the teaching theme.

Before
Home page of the previous version of the Université de Bordeaux site
After
Home page of the new version of the Université de Bordeaux site
Colour palette and typography for the new visual identity
50%
Of the university's total traffic

Visual identity and accessibility

Making the platform accessible to as many people as possible

The choices of colours and typography meet accessibility standards so that the portal can be as inclusive as possible. The font used for the body content is a sans-serif font with sufficient line spacing, bringing better readability and improving reading comfort for the user (using a serif font for small text can hurt readability). Colours are used sparingly, mainly to make the elements to highlight stand out: key figures, important terms, graphic elements… all while keeping a certain graphic elegance. Colour is not everything. White space matters just as much. White space lets the content breathe, better separates the elements and, as a result, makes reading and navigation easier. Aesthetic graphic choices grounded in genuine thinking about use and accessibility.

Art direction of the Université de Bordeaux site
Visual-identity redesign of the website

Graphic design of the interface

A simple and modular structure

The Université de Bordeaux site is constantly enriched with new content. It was therefore essential to design every element around modular components.

This logic guarantees consistency across the whole site, offers simplicity of administration and great flexibility in the creation of new pages by the editorial teams.

A well-defined structure that also makes responsive integration on mobile easier.

Illustration of the rendering on desktop
Graphic variants of the screens
Art direction of the website
Art direction of the website
Graphic mockups in mobile version
Graphic mockups in mobile version

Want to discuss your project?

Let's talk about your stakes, constraints and ambitions so we can build the best user experience together.

Contact us