ADVENIR_header.jpg

Avere France - Advenir

High-performance landing page for sustainable energy projects

Avere France - Advenir

Sectors Industry & Energy Sustainable transition
Sub-expertises
  • Landing page
  • Information Architecture
  • Web design
  • Open source and low code
Team
  • Marion.png
  • Helene.png

Communicate, guide, assess, and facilitate

Advenir is a funding and support program for the installation of charging stations in collective buildings, in businesses, in publicly accessible parking lots, or on public roads. This program is managed by Avere-France, a national association for the development of electric mobility.

Create a landing page for a public stakeholder in electric mobility

Driven by real success, Advenir has already reached its 2025 goals in 2022. These goals have therefore been rethought upwards, focusing part of the efforts on projects for installing collective infrastructures in condominiums. To do this, the program needs a dedicated communication and support tool for individuals in residential settings. This is a project well within the capabilities of Agency 148, a digital expert sensitive to sustainable development issues: Avere-France turned to us to create a landing page.

The Agency provides support on visual identity and the development of the landing page. The project converges towards four key elements: communicate, guide, evaluate, and facilitate. We have always kept in mind the idea of fluidity and simplicity. The aim is to create a journey around downloadable informational documents. A challenge in contrast to many projects: being understandable and attractive with very little material.

With an existing graphic charter and seven PDF documents, we mobilized our UX and UI skills to create a clear and attractive page, where the animation never infringes on the seriousness required by the approach and the institutional framework.
Marion, consulting director at Agency 148

How to bring to life a unique page, made up of informational documents, and constrained by institutional codes?

Here, design plays a major role: there is little text, barely fewer visuals, and no illustrations. By leaning on the pre-existing graphic charter, we punctuated the page with dynamic and colorful elements. The page is structured like a step-by-step journey, manifested by a wire animation that follows the scroll movements, and by colorful cards that animate on hover, providing access to document downloads. Each section offers different levels of information. It is introduced by an eloquent title, and, most of the time, by a short reassuring paragraph. Everything has been designed to simplify and make understandable an installation process, taking into account the maturity of the visitor's project.

A work enriched by numerous exchanges

We built this project based on regular exchanges with our client. Once the budgetary, institutional, and graphical framework was taken into account, we had full latitude to make an UX/UI proposal that seemed most relevant to us. And which quickly convinced Avere-France/Programme Advenir.

We are extremely satisfied with our collaboration with Agency 148. The collaboration has been smooth throughout the project, and the 148 team was able to understand our needs and shape them for our landing page project.
Maeva, communication manager for the Advenir infrastructure program at Advenir
advenir_screen.jpg
advenir_vis-a-vis_anim_card_left.jpg.jpeg
advenir_vis-a-vis_visuel_right.jpg

Contact us

With us, your project will become a reality!

The Collective Agency brings together many talents who can respond to strategic and/or operational communication projects, targeted or multi-channel, short and long term. Feel free to make an appointment with us to discuss and receive a quote for your project!

Contact us