753 collectifs

Heliosem

A propos

Faites rayonner votre marque sur le web ☀️

Vidéodrome

A propos

Tout le monde aime les belles histoires. Et encore plus s'il y a de belles images.

Lugo

A propos

Un projet, une équipe, un succès ✅

BeTech - Mobile & Web Application Experts 📱

A propos

+12M 💸 levés sur les applications que nous avons développées

Le pavé 🧱

A propos

Collectif d'expert•es growth & product à Marseille

Wireframe

A propos

Digital Studio & Innovative Lab

Kapsule 3D

A propos

Nous faisons briller ton entreprise en 3D 🌍

Exactsignal

A propos

Le premier collectif spécialisé en signaux d'affaires

ANIMWAY

A propos

Quand vos idées s'animent / Vidéo / Motion Design / 2d / 3d / vers l'infini et au-delà !

Web3/NFT/Blockchain Collective

A propos

Experts et spécialistes du Web3 prêts à concrétiser votre demande

Nollie Studio

A propos

we know how to grind 🛹

Fluid

A propos

Votre équipe marketing sur mesure pour une croissance saine et durable !

Reactiv

A propos

Votre projet Webflow ou React réalisé en un clin d’œil par une équipe expérimentée et performante qui répond à tous vos besoins.

Bishop

A propos

Pour des sites web complets, efficaces et de qualité !

COPÄ

A propos

Ambition, passion, Itération

Collectif Boostyoursite

A propos

Une équipe dédiée à la création de sites web personnalisés

MAKE IT BOLD

A propos

✨ MAKE IT BOLD - MAKE IT BRIGHT - MAKE IT HAPPEN ✨

Nifty Labs

A propos

We deliver high-intensity software projects that need fast iteration. We support you in developing and building software products focused on solving complex workflows and business challenges.

Lily facilite la vie logo

Lily facilite la vie

AutreTech & SoftwarePetite entreprise


Création d'une application web (Design & Dev) - Lily facilite la vie

Nous avons designé, développé et poussé sur le marché l'application Lily facilite la vie, dédiée au bien être au travail des salariés.

Toute l'équipe est ravie de la collaboration tant au niveau créatif qu'organisationnel: proactivité, respect des timings, suivi des deliveries, contact fluide.... Rien à redire, super presta.

Laurence Kerjean portrait

Laurence Kerjean

Lily Facilite la vie


Lily Facilite la Vie est une plateforme dédiée au bien-être mental des salariés.
L'entreprise, fondée par deux associées Sarah & Magaly dédie sa mission à lutter contre le turn-over et les risques psycho-sociaux en entreprise, spécialement dans les grands entreprises.

Après une levée de 3 millions en 2022, elle fait appel au Pavé pour développer sa plateforme en ligne et son outil de création de contenu.

L'objectif principal était de réaliser une refonte totale de leur produit et de leur architecture technique afin d'offrir une meilleure expérience utilisateur à leurs clients. Une série d'étapes a donc ont été mise en place.

 

Définition du produit à réaliser en 7 étapes :
#1 Création d’une User Journey : Pour ce faire, nous identifions les parcours qui doivent pouvoir être réalisés par les futurs utilisateurs et listons les actions sous la forme d’une cartographie.


#2 Formalisation de l'architecture de l’Information : C’est un livrable de référence pour toutes les parties prenantes car il permet d’avoir un angle de vue plus concret pour visualiser la manière dont sera construit le produit.


#3 Définition d’un Product Backlog : Avant de débuter la phase de conception des maquettes, nous avons créé un Product Backlog. Le Product Backlog sert à encadrer la mission en termes de temps et de tâches à réaliser.

#4 Conception et itérations des Wireframes : Une fois le Product Backlog validé, la conception des wireframes débute. Les wireframes sont des maquettes réalisées en « basse-fidélité », c’est-à-dire sur lesquelles aucune charte graphique n’est appliquée : tout est conçu en noir et blanc.


#5 Création du Visual Design et des maquettes graphique : Lorsque tous les wireframes ont été validés, nous avons réfléchi à une piste graphique pour créer les maquettes finales.


#6 Conception d’un Design System : En parallèle de la conception des maquettes graphiques, nous avons créé une librairie dans laquelle les composants graphiques principaux ont été répertoriés. Ce document est un repère et permettra au client d’être autonome dans le futur, lorsqu’ils voudront créer une nouvelle page simple par exemple.


#7 Création d’un prototype animé :

Pour finir, nous avons réalisé un prototype animé. Le client peut ainsi se projeter et surtout comprendre les mécanismes interactifs que nous avons imaginé derrière les maquettes.

Cadrage du développement :

Les spécifications techniques et fonctionnelles pour le développement de la plateforme ont été écrites sous forme d'user stories - Leur but est d'expliquer comment une fonctionnalité logicielle apportera de la valeur au client.

Des tests ont été créés en utilisant la méthode TDD (Test Driven Development) - Le TDD est une stratégie de conception, qui guide le processus de développement d'un logiciel au moyen de différents tests.


Elles ont permis à l'équipe tech de développer l'outil en sachant exactement où aller et comment valider le bon fonctionnement de chaque fonctionnalité.

Définition de la stack technique :

Pour assurer la scalabilité de l'architecture technique, nous avons pensé l'applicatif en micro-services avec l'utilisation de Kubernetes et Docker.

L'application web a été créée avec React, tandis que le backoffice a été développé avec Strapi. Un outil de recherche a été mis en place avec Meilisearch pour faciliter la recherche de contenus. Enfin, la possibilité de créer des marques blanches avec du contenu transverse à plusieurs marques a été inclue.

Méthodologie :

L'ensemble du projet a été réalisé en suivant une organisation Agile avec des sprints de deux semaines, des livrables en environnement de test toutes les fins de sprint, une mise en production et une itération continue.

Analyse de données et Tracking :

Implémentation du tracking des utilisateurs afin de comprendre comment la plateforme est prise en main et où sont les amélioration à apporter pour les prochaines itérations sur le produit.

Mise sur le marché :

Mise sur le marché avec des actions de growth marketing, mais ceci est une autre mission à retrouver dans notre portfolio !

Membres

Expertises

StrapiReactJavascript & Typescript

De

Nov. 2022 à Mars 2023