InVivo
After InVivo & Soufflet merger, picture a brand new website
Invivo's corporate website must inspire confidence in partnering cooperatives. Demonstrate vision and international stature to inspire innovation and join the group.
Context
InVivo became a company with a mission in October 2020 and the purpose of the group is to contribute to the transition of agriculture and food towards a resilient agri-system.
Why
- Environmental challenges: Global warming, soil depletion, natural disasters...
- Demographic challenge: 10 billion people to feed by 2050.
- Geopolitical challenge: Skyrocketing commodity prices.
How
The group aim to inspire action, for the ground and the Earth
Inspire confidence in our partners.
Inspire the desire to innovate.
Inspire the international stature among the press.
Inspire the desire to join the group.
Inspire action, for the Earth and the ground.
Design challenge
Take advantage of the merger of InVivo and Soufflet groups and create a corporate website to communicate these new ambitions both internally and externally.
Visual language inspired by nature and technology
We choose symbols of nature to represent InVivo's activities. In constant motion, the patterns are based on data, they follow the rhythm of life, the movement of the user, and the movement of the sun.
Colors
Different natural and mineral shades. Flat colours, to create a contrast between each other.
Typography
Euclid Circular B with two weights. The shapes are simple and elegant to give stature to compositions.
Forms
Timeless, the shapes are flat, clear and pure. The circle is central, representing Earth and cooperation.
Iconography
Humans are InVivo members at work, snapped on the move. The views from the air reinforce InVivo's impact.
Information structure workshop
Setup
- 1 week of preparation
- 2 hours of workshop
- 9 participants
- 3 days of analysis
- Fully remote
- Microsoft Teams
- Figjam
Agenda
The timeframe to create this website was quite short and we needed to get all the stakeholders on board. The main objective of the workshop was to align the content and needs of all parties.
- Context: explain why we all are here;
- Benchmark & Best practices;
- Targets reminder with their objectives;
- Card sorting to create the sitemap;
- Story telling for each page;
- Indentify the complicated part of the website.
We created a detailed information hierarchy to put the whole team on the same page after the workshop. We made a deep analysis of the InVivo and Soufflet websites.
Modular system
UX Designers, UI Designers and developers worked closely to deliver an accessible and eco-friendly website in just 4 months.
Wireframes
Based on a modular system, our client is able to customize the page according to its needs.
User Interfaces
My role during this project
The project team and the client were very proud of the work we have done in 4 months.
I scanned the InVivo and Soufflet websites, prepared a workshop on information architecture, and led it. I reworked the website components and prioritized them based on business needs and deadlines.
During the team design phase, I managed a junior UI designer until he was autonomous. Finally, I enhanced the work processes between developers, designers and project managers.
Eloi
Let's work together
Everything will begin around a coffee or a nice call to understand your expectations or the problems we can help solving
