← All work Case study 05 / 07

( InVivo Group · Jun → Dec 2022 )

A merger, told through one corporate site.

Role
Product Designer
Team
UI designer · developers · content teams
Tools
Figma
Scope
Audit · Information architecture · UX · Design system · CMS
Invivo, invivo-group.com
invivo-group.com

(01) Context

Agricultural group InVivo merged with Soufflet. The new corporate website had to reassure partner cooperatives and show the group’s international stature, while staying easy for the client to update.

Objectives

  1. 01Define the information architecture in a workshop: audiences, navigation and page content
  2. 02Audit both existing websites to decide what to keep, adapt or improve
  3. 03Map the content of every page in a detailed site map
  4. 04Deliver an accessible, eco-designed and modular website

(02) The outcome

From workshop to launch in 4 months.

A modular set of templates lets InVivo build and update its own pages in the CMS, accessible and eco-designed by default.

  • 2 Existing websites audited
  • 4 Months to launch
  • 1 Junior UI designer coached
  • Live invivo-group.com

How I worked

(04) My role & process

  1. 01

    Run the workshop

    Getting everyone aligned on audiences, navigation and content.

  2. 02

    Content audit

    Sorting the InVivo and Soufflet content: keep, adapt, expand or improve.

  3. 03

    Site map & content map

    Every page documented, so everyone agreed on the content strategy and roadmap.

  4. 04

    Page templates

    Content categories turned into a consistent set of templates.

  5. 05

    Design system components

    A set of components to build the website from the ground up.

  6. 06

    Coach a junior

    I supported a junior UI designer until they were fully autonomous.

(05) Close-ups

Invivo, The site map

The site map

Detailing every page helped all the teams agree on the content and made production much faster.

Invivo, Identity

Identity

Nature symbols, natural and mineral flat colours, and a central circle standing for the Earth and cooperation.

(06) Key learnings

  • 01

    Large site maps

    Drawing and documenting a large, detailed site map as a team.

  • 02

    Starting with a workshop

    Agreeing on the structure before designing screens made everything after it faster.

  • 03

    Coaching a junior designer

    Helping a junior designer become autonomous was part of the job.

Visit invivo-group.com ↗
Next project → Voilà.live Live events SaaS