L'Atelier BNP Paribas

Web design - Developement - Agile project

Overview :

L'Atelier is, since 97, the prospective media about innovation and new technologies build by BNP Paribas.
Always looking for the last innovation, digital trend to discover new markets and create foresights, l'Atelier ask us to redesign their website to modernize the look and the usage according to their position. In respect with my non-disclosure agreement, I only show general insight and keep confidential information away in this case study.

See website
screenshot homepage l'atelier
Role
  • Product owner
  • Product designer
  • UX designer
  • Design research
Goals
  • Create an efficient editorial and collaborative tool to improve redaction, revision and publication of various post format
  • Build a modern and tailored web design

1. Agile management

From the beginning of the project we worked closely with the clients, step by step, from the MVP to adding new features after testing. In each sprint I was in charge to handle different layer of the product :

  • Prototyping a solution
  • Follow the development and design of previous validated ideas
  • Testing each developed features
  • Get feedback from the clients team test or review
This way we were constantly producing and delivering without any surprise or misunderstanding.

Responsive image zoning  project
Responsive image zoning  project

2. Workshop and formation Client care

To make sure the new website was fitting clients needs goals to make it easier for them to write, design and publish article everyday, we did several workshop with authors and responsible of publication.

First to understand how they work, what is their workflow of publication then to create the right tool for them to work with.

We worked this way for every stack of the project : website architecture, features, design interface, technical specifications, workflow of publication...

3.Workflow and editorial strategy

In paralel with the front scope we worked closely with the BNPP team in order to

The editorial workflow was one of the big expectations to relief the In order to find the right workflow and validation publishing process we did several tests and iterations.

Like often we thought it has to be complex to work and satisfier every types of user, but once again the simplest way was working well and …..

Responsive image
Responsive image zoning  project

4.Timeline concept

When I arrived on the project, the concept of a timeline of informations, where articles were continuous and with the goals not to be interrupted during the navigation was already approved, but because of the agile process not all of the articles templates were designed yet. In collaboration with L’Atelier we started by creating the main articles (long stories), then the shorter formats (news) which we decided to design by pop-in to let the user scrolling after their short reading.

Search bar

With the density of articles, in various thematiques, sort by tag and in a very long timeline (97 - 2018) we needed to design a tailored search engine allowing to find the good result in the quickest way.

But that wouldn’t stop the immersion of the user so we built it around the same timeline concept

Responsive image zoning  project

Newsletter

Still to offer a all-in-one tool, we developed an newsletter dashboard linked the mail platform API, so editorial responsible are able to build their newsletter content directly on the platform and send it without switching tool.

Content strategy
We designed the frames of the newsletter with the data we collect : most read articles, most shared on social network.

The content is overridable and personalisable so we give the editor team insight and control for their mailing.

Responsive image zoning  project
Responsive image zoning   project

5. Migration and old content

After the main redesign was done and the website online, we had another challenge : to migrate old (and very old) articles.

More than just a technical topic (sorting and dispatching content) we created rules to pick only the valuable old article and evince the rest (lenght, key words, trending topic, historical value...)

Archives
One of the challenge of the migration was to adapt very old content - from 1997 !- to this new modern template. Knowing some of them are very short, without illustrations (or tiny ones), but are still part of the history of the website and interesting content. We made different rules to sort this kind of content - by date, by length..- and design differents templates

Responsive image
Team
  • Project director : Martin Ferronnière
  • Graphic design : Mélanie Coentreiras
  • Front developement : Axel Belujon - Cédric Questel
  • Back developement : Axel Belujon
Delivrables
  • Workshops and
  • Sketches
  • Zoning
  • Prototypes (low and high fi)
  • User guide