Retour

Crédit Agricole/Kls

Fintech

Crédit Agricole/Kls

Comment transformer une start-up mono-produit en éditeur de solutions destinées à devenir des standards de marché ?

Expertises

Branding et UI Design

Design stratégique

Pilotage projet

Planning stratégique

UX Design

Comment transformer une start-up mono-produit en éditeur de solutions destinées à devenir des standards de marché ?

La fintech Kls, issue du start-up studio du Crédit Agricole, La Fabrique by CA, est un client de longue date de LOUIS ZERO.

Après les avoir accompagné sur la conception de leur 1er produit qui consistait à digitaliser et simplifier un process métier bancaire fastidieux, nous les avons conseillé sur la meilleure stratégie à adopter pour passer une start-up mono-produit à un éditeur qui co-conçoit avec ses clients les solutions digitales de pilotage des financements et investissements les plus limpides et appréciées du marché.

S’en est suivi en 2022, un chantier de rebranding de la marque afin s’assoir plus fortement leur nouveau positionnement autour de la signature de marque “Libérons le financement de l’économie réelle”. Nous avons créé pour eux l’ensemble des assets de la marque jusqu’à la refonte de leur site marketing en utilisant une technologie no-code.

Image secondaire

L'enjeu

Développer un site marketing avec un blog, plusieurs collections de données dynamiques, des intégrations qui permettent la prise de rendez-vous, le suivi des leads et la visualisation des données de fréquentation du site, avec des détails visuels interactifs qui rendent l’expérience de la visite du site impactante. Le tout en moins de trois semaines.

La réponse

Notre équipe a choisi Webflow pour sa construction de ce site. En quelques jours, nous avons développé la structure du site, connecté les différentes intégrations, puis ajouté les interactions et finitions qui font la différence entre un site basique qui renvoie l’image d’une entreprise avec peu de moyens, à un site travaillé qui reflète la volonté de Kls de soigner son image et sa réputation.

Pour finir, l’équipe de Kls a bénéficié d’une formation donnée par nos experts no code/low code pour leur permettre de garder leur site à jour, voir d’y apporter quelques modifications ou améliorations de manière totalement autonome.

Déroulé du projet

0

Audit de l’existant

En passant en revue le site de Kls, nous avons mis en évidence les fonctionnalités manquantes telles qu’un système CMS pour le maintient à jour des études de cas, une intégration à une fonctionnalité de prise de rendez-vous directement depuis le site internet, et d’autres. Plus généralement nous avons listé les objectifs de cette refonte et gardé comme objectif principal de créer une nouvelle version du site qui reflète la nouvelle identité de Kls : plus moderne et plus avant-gardiste.

1

Conception

Notre équipe a adapté la nouvelle direction artistique dans des maquettes Figma, et travaillé avec le client pout élaborer l’architecture d’information, la structure narrative du texte marketing pour que l’expérience utilisateur soit plus fluide, réponde mieux aux questionnements du public cible et pour finalement augmenter la conversion.

2

Accompagnement dans la mise en place d’un nouvel outil

Une fois les maquettes validées, nous avons accompagné l’équipe dans l’ouverture et la configuration de son compte Webflow.

3

Développement

En moins de deux semaines, nous avons créé les pages principales, le site était fonctionnel et réactif, mais le contenu est statique.

4

Configuration des collections CMS

Pour le contenu dynamique, nous avons créé dans Webflow un back office qui contient toutes les collections de contenu dynamique de l’équipe de Kls a régulièrement besoin de mettre à jour. Comme les articles de blog, les cas d’usages etc. Une fois cette configuration faite, l’équipe de Kls n’a plus qu’à ajouter son contenu pour que le site les affiche de manière automatique.

5

Intégration et connections API avec les services tiers

Afin de faire gagner du temps et d’optimiser les ressources de Kls, notre équipe a recommandé un certain nombre d’outils, qui, une fois connectés à Webflow permettent de fluidifier et d’automatiser certains processus.

6

Ajout d’une couche de code

Pour répondre à des besoins de personnalisation et de fonctionnalités avancées, nous avons rajouté une couche de code qui a amené l’expérience à un niveau supplémentaire de sophistication.

7

Tests

Une des parties les plus importante de tout projet de développement web et la phase de test. Durant cette phase, nous identifions les éventuels bugs, problèmes d’affichages ou incohérences visuelles. Nous devons tester le site sur différents navigateurs et différents modèles et tailles d’appareils pour vérifier que le design est accessible et optimal pour tous les écrans.

8

Optimisation

Nous avons analysé les performances du site, optimisé les images, le code et les ressources pour garantir un chargement rapide, une bonne expérience utilisateur et améliorer le référencement du site conformément aux meilleures pratiques et aux dernières connaissances sur l'algorithme de Google.

9

Publication

Nous avons amélioré le site jusque dans les derniers détails avant d’accompagner le client au moment de la publication du site.

10

Formation et prise en main de l’outil Webflow par le client

Nous nous sommes assuré de laisser à l’équipe de Kls un site dont le code est “propre”, clair, de telle sorte que toute personne qui ai besoin d’intervenir sur le site à l’avenir puisse y apporter des modifications le plus facilement possible. Pour ce faire, nous avons créé une plateforme de base de connaissances qui documente tout ce que l’équipe Kls peut avoir besoin de savoir pour assurer la maintenance de leur site. Pour finir, nous avons mené un atelier de formation pour faciliter la prise en main de l’outil par les membres de l’équipe Design. Cette partie a été particulièrement appréciée par l’équipe qui a pu rapidement monter en compétence sur le sujet du no-code.

Image secondaire

Nos domaines d'intervention

Mots-clés

Branding

Dev no-code

Compétences
déployées

Design stratégique

Direction artistique

UX Design

UI Design

Developpement Webflow

Technologies
utilisées

Développement No-code

Outils projet

Outils utilisées

Figma

Webflow