Limbo Studio

Batch 440

Le Collectif

Cohort42

Digital Experts

Akago

Gettingapp.io

YelloWhite.co

La Toile Gauloise

Gitscape

BCC dev

Phizero

Rocket dev

TechBridge

ALOE

FastForward

Untitled

Kadabra Studio

ACBD

<p><strong>Contexte</strong></p><p>ACBD est une marque de produits CBD exploitant des molécules de haute qualité pour proposer des produits relaxants aux bienfaits naturels. </p><p></p><p><strong>Objectif de la mission</strong></p><p>Concevoir une identité attrayante et des packagings cohérents pour un produit dans un marché de niche</p><p></p><p>Périmètre de travail réalisé</p><p>• <strong>Étude</strong> de l'existant&nbsp;: Univers établis, secteur, concurrence. Synthèse des codes graphiques établis dans le secteur et définition de codes.</p><p><strong>• Recherches</strong> : Recherche de solutions graphiques pertinentes, approfondissement des pistes</p><p>•<strong> Présentation des recherches </strong>: Présentation des propositions et étude de la pertinence avec le client</p><p>• <strong>Livraison du projet </strong>: Livraison du logotype, de l'emblème, de la charte graphique et de tous les éléments graphiques composants l'identité</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cllvy7fg514r172cx8ce54x4z.png"><div class="image-overlay"></div></div></div></div>

Création d'une identité visuelle et de packaging pour une marque de produits CBD

Visual Identity

Graphic Design

Création d'une identité visuelle et de packaging pour ACBD

Nopillo

<p>Nopillo est une entreprise spécialisée dans l'accompagnement des investisseurs immobiliers dans leurs démarches administratives et comptables.</p><p></p><p>Des experts LMNP s'occupent de générer des laisses fiscales, de remplir et transmettre les déclarations et de réaliser des économies d'impôts.</p><p></p><p>Dans le cadre de cette mission, notre équipe est intervenue sur le design et l'intégration de plusieurs pages du site et sur la construction du formulaire d'estimation d'économies d'impôts LMNP.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clx02f70w1fan62gjgqsr5xif.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clx02folw1bl25tgwb1e95oef.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clx02ffpo1fbb62gj77v65vw9.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clx02g0t31blc5tgwgmb131ua.png"><div class="image-overlay"></div></div></div></div>

Développement du site internet de Nopillo et du formulaire d'estimation d'économies d'impôts LMNP.

Product Ownership

Product Management

Product Design - UX/UI

Développement Web pour Nopillo

Emaré Capital

<p>Emaré Capital se positionne en tant que fournisseur de solutions immobilières alignées sur les enjeux contemporains. La société s'engage particulièrement dans l'accompagnement des seniors tout au long de leur parcours, considérant cela comme l'un des défis majeurs des prochaines décennies. Le projet phare de la société prévoit la construction de vingt villages inclusifs pour seniors d'ici 2030, avec pour objectif premier la promotion d'une vie harmonieuse et sereine pour cette population.</p><p></p><ol><li><p><strong>Plateforme de Développement :</strong> Le site a été conçu et développé à l'aide de Webflow, une plateforme de développement web robuste et flexible.</p></li><li><p><strong>Responsive Design :</strong> Le site est entièrement responsive, garantissant une expérience utilisateur optimale sur les dispositifs variés, tels que les tablettes, les mobiles, et les ordinateurs de bureau.</p></li><li><p><strong>Intégration de la Charte Graphique :</strong> La charte graphique fournie par le client a été intégrée de manière cohérente dans le design du site, reflétant l'identité visuelle distinctive d'Emaré Capital.</p></li><li><p><strong>Composants sur-mesure :</strong> Des composants spécifiques ont été développés pour répondre aux besoins particuliers du client, renforçant ainsi l'originalité et l'efficacité de la plateforme.</p></li><li><p><strong>Valorisation des Idées :</strong> En collaboration avec le client, des composants ont été soigneusement sélectionnés et agencés pour mettre en valeur les idées clés d'Emaré Capital, assurant ainsi une présentation impactante des solutions immobilières proposées.</p></li><li><p><strong>Section Blog :</strong> Une section dédiée au blog a été développée en prévision de futurs articles pour le marketing de contenu.</p></li></ol><p></p><p>Le site web créé pour Emaré Capital est conçu pour refléter l'engagement de la société envers le bien vieillir et la construction de villages inclusifs pour seniors. Il offre une expérience utilisateur optimale, met en avant la charte graphique du client, et prépare la plateforme pour la diffusion de futurs contenus via la section blog.</p><p></p><p>La mission a été menée avec succès en respectant les exigences du client et en anticipant les évolutions futures de sa stratégie de communication. Le site internet est prêt à jouer un rôle clé dans la promotion des solutions immobilières d'Emaré Capital et dans la sensibilisation à la problématique du bien vieillir.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clr6mrs4d21mz60gyhqmufpu4.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clr6mqx0v226561efcz254mff.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clr6mr6ou226961eff1wq9aib.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clr6mrcf021mn60gyb92uffeg.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clr6mrlg2226t61efh69jb5n4.png"><div class="image-overlay"></div></div></div></div>

Conception et développement du site internet pour Emaré Capital, mettant en avant les solutions immobilières axées sur le bien vieillir, avec une approche responsive, l'intégration de la charte graphique, des composants sur-mesure, et une section blog anticipant le marketing de contenu à venir.

Webflow

Web Design

Création du site internet corporate d'Emaré Capital

Scrito

<p><strong>Contexte :</strong> Scrito, une agence spécialisée dans le marketing digital, s'est engagée dans un processus de redéfinition de son image de marque et de refonte de son site web pour refléter son positionnement stratégique. L'objectif est de créer une identité visuelle simple et épurée, avec une palette de couleurs composée principalement de blanc, de noir et d'un jaune pop. Cette initiative s'accompagne d'une refonte du site web sur la plateforme Webflow, avec un thème développé sur-mesure.</p><p></p><p><strong>Objectifs :</strong></p><ol><li><p><strong>Identité Visuelle :</strong> concevoir une identité visuelle moderne et accrocheuse, représentant le dynamisme et l'innovation de Scrito, tout en maintenant une simplicité élégante.</p></li><li><p><strong>Nouvelle Structure du Site Web :</strong> repenser l'architecture du site pour mieux correspondre au nouveau positionnement de Scrito en tant qu'agence de marketing digital complète, mettant l'accent sur l'accompagnement SEO, Content et SEA.</p></li><li><p><strong>Pages Dédiées aux Services :</strong> créer des pages distinctes pour chaque service offert par Scrito, notamment l'accompagnement SEO, Content et SEA, afin d'offrir une expérience utilisateur ciblée et claire.</p></li><li><p><strong>Thème Sur-mesure :</strong> développer un thème sur-mesure pour le site web, garantissant une conception unique qui répond spécifiquement aux besoins et à l'identité visuelle de Scrito.</p></li><li><p><strong>Utilisation de Webflow :</strong> choisir Webflow comme plateforme de développement en raison de ses capacités de conception avancées, de son éditeur visuel puissant et de sa compatibilité avec la personnalisation d'un thème sur-mesure.</p></li></ol><p></p><p><strong>Déroulement :</strong></p><ol><li><p><strong>Recherche et Conception :</strong> nous avons avec le client mèné une recherche approfondie pour définir les éléments clés de la nouvelle identité visuelle. Des sessions de brainstorming sont organisées pour garantir une cohérence visuelle et une expérience utilisateur optimale.</p></li><li><p><strong>Palette de Couleurs :</strong> la palette de couleurs est délibérément restreinte au blanc, au noir et à un jaune vif pour créer un contraste visuel fort tout en évoquant une image sophistiquée et moderne.</p></li><li><p><strong>Refonte des Services :</strong> les pages dédiées à l'accompagnement SEO, Content et SEA sont développées pour mettre en valeur les compétences spécifiques de Scrito dans chaque domaine. Le contenu est optimisé pour refléter l'expertise de l'agence.</p></li><li><p><strong>Thème Sur-mesure :</strong> un thème sur-mesure est développé pour le site, garantissant une esthétique unique et une expérience utilisateur optimale.</p></li><li><p><strong>Intégration sur Webflow :</strong> Webflow est utilisé pour créer une conception responsive et interactive avec le thème sur-mesure intégré. Les fonctionnalités avancées de l'éditeur visuel permettent une personnalisation précise, tandis que l'intégration CMS de Webflow facilite la gestion dynamique du contenu.</p><p></p></li></ol><p><strong>Résultat Attendu :</strong></p><ol><li><p><strong>Identité Visuelle Forte :</strong> une identité visuelle distincte, combinant élégance et modernité, reflétant le professionnalisme et l'innovation de Scrito.</p></li><li><p><strong>Site Web Intuitif :</strong> un site web repensé, offrant une navigation intuitive avec des pages dédiées claires pour chaque service, renforçant ainsi la position de Scrito en tant qu'agence de marketing digital complète.</p></li><li><p><strong>Visibilité Accentuée :</strong> la nouvelle page dédiée à l'accompagnement SEO, Content et SEA améliorera la visibilité en ligne de Scrito, renforçant sa position en tant qu'expert dans ces domaines.</p></li><li><p><strong>Thème Sur-mesure :</strong> un thème développé sur-mesure pour le site, garantissant une expérience unique et parfaitement alignée avec l'identité de Scrito.</p></li></ol><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clq2dtop9026m77ao7q076e68.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clq2du3wj02bw78d60g5ud0wd.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clq2dubo102c778d67p9b3lqm.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clq2dumqb028877aobkzi5ev7.png"><div class="image-overlay"></div></div></div></div>

Rebranding et refonte du site web de Scrito suite au nouveau positionnement de l'entreprise.

Rebranding et refonte du site web de Scrito

Offsneakz

<p>Offsneakz est une entreprise spécialisée dans l'achat-revente en ligne de paires de sneakers en France. Notre collectif a été chargé de migrer sa boutique depuis Wordpress vers Shopify et de moderniser l'expérience d'achat ainsi que la gestion du back-office.</p><p></p><h2><strong>Objectifs</strong></h2><p></p><p>L'objectif principal d'Offsneakz était de migrer sa boutique vers une infrastructure plus scalable et plus robuste tout en apportant une meilleure expérience d'achat pour ses consommateurs. La nouvelle boutique e-commerce se devait aussi d'incarner l'identité graphique du client et de présenter ses produits de manière à optimiser le rendement des campagnes publicitaires mises en place. Enfin, le client a exprimé le souhait de disposer d'une interface back-office plus intuitive pour gérer ses produits, ses clients ainsi que ses commandes.</p><p></p><h2><strong>Étapes</strong></h2><p></p><p><strong>Choix de la plateforme e-commerce et du thème</strong></p><p>Batch 440 a opté pour Shopify en raison de sa de sa prise en main ergonomique et pensée pour les commerçants, permettant une mise en place rapide de la boutique en ligne, et de sa personnalisation avancée conforme aux maquettes Figma, assurant une identité visuelle cohérente. La plateforme offre une gestion intuitive des produits et des stocks, essentielle pour l'activité de vente de sneakers en édition limitée, ainsi qu'une sécurité robuste pour renforcer la confiance des clients. Les fonctionnalités intégrées de marketing, la capacité d'évolutivité et la qualité de l'écosystème d'applications tierces compatibles ont également été des facteurs déterminants, garantissant à Offsneakz une solution complète pour promouvoir efficacement ses produits tout en répondant aux besoins évolutifs de l'entreprise. Notre collectif est parti en prenant comme base le thème Dawn afin de définir la structure et la navigation du site et de servir de base pour le travail de personnalisation.</p><p></p><p><strong>Personnalisation de la boutique</strong></p><p>À partir du thème, nous avons personnalisé le code liquid propre à Shopify pour apporter des personnalisations sur-mesure, nécessaire pour respecter les maquettes Figma et l'identité de marque fournis par le client. Polices d'écriture, couleurs, menu, footer, composants des pages, fiches produit, panier... l'ensemble a été revu et redesigné conformément aux maquettes Figma.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clp8lrfzu0c4379hb3faa8lfq.png"><div class="image-overlay"></div></div></div></div><p><strong>Création et gestion du stock</strong></p><p>Parallèlement au travail de personnalisation effectuée sur la boutique, notre collectif a oeuvré à formater et à uploader l'ensemble des produits du client dans le back-office Shopify pour produire les entrées dans le stock et pour publier les fiches produits. Nous avons également profité de cette opération pour nettoyer, actualiser et homogénéiser la base de produits du client. Tous les produits ont été structurés via l'utilisation de variants pour simplifier la gestion et l'affichage des différentes tailles pour une même paire. Les paires quant à elles ont été regroupées par thème ou par marque dans des collections manuelles et automatiques disséminées à plusieurs endroits sur le site.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clp8lsp3a0bpz7ahz378u1p6g.png"><div class="image-overlay"></div></div></div></div><p></p><p><strong>Intégration des fonctionnalités clés</strong></p><p></p><p><em>1) Choix du mode de livraison</em></p><p>Deux modes de livraison ont été configurés pour donner plus de choix aux clients au moment de leur achat : une livraison à domicile payante et une livraison en points relais offerte via le réseau Colissimo et Mondial Relay.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clp8lt2bb0bqk7ahzh1cp7iyc.png"><div class="image-overlay"></div></div></div></div><p></p><p><em>2) Choix du mode de paiement</em></p><p>Pour proposer aux clients plus de flexibilité dans les modes de paiement, plusieurs solutions ont été mises en place. D'abord le paiement par CB sécurisé a été configuré, ensuite une intégration avec Apple Pay et PayPal ont été testés et ajoutés. Enfin, la solution de paiement en plusieurs échéances a également été proposée aux clients via l'utilisation du service tiers <a href="http://Partial.ly" rel="noopener noreferrer nofollow" target="_blank">Partial.ly</a> qui permet à Offsneakz de définir les modalités des paiements et aux clients de recourir à cette solution au moment de leur achat.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clp8ltkv90c6c79hb0xm4edqn.png"><div class="image-overlay"></div></div></div></div><p></p><p><em>3) Chat en ligne</em></p><p>Toujours dans l'objectif d'améliorer la satisfaction et l'engagement des clients, un module de chat en ligne a été configuré pour permettre aux utilisateurs de communiquer en direct avec les équipes d'Offsneakz et ceci depuis leur ordinateur ou bien leur smartphone.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clp8ltznx0brb7ahz5mg12x3x.png"><div class="image-overlay"></div></div></div></div><p></p><p><em>4) Liste de souhaits</em></p><p>Une application de liste de souhaits a été installée et configurée pour permettre aux visiteurs de sauvegarder des produits et revenir plus tard pour les acheter. Cette intégration est bien souvent nécéssaire pour améliorer le nombre de ventes des boutiques en ligne et permet de s'adapter à tous les profils d'acheteurs.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clp8luezz0c7n79hb0gl600im.png"><div class="image-overlay"></div></div></div></div><p></p><p><em>5) Avis clients</em></p><p>Les avis clients permettent à Offsneakz d'obtenir un retour direct sur la qualité des produits proposés et améliorent la qualité du service après-vente de la boutique. Une intégration seamless ainsi que la mise en place d'automatisations a permis de collecter les avis et de les afficher sur les fiches produits tout en offrant des outils de contrôle pour les équipes d'Offsneakz.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clp8lvmcn0c8z79hb11y64swm.png"><div class="image-overlay"></div></div></div></div><p></p><p><strong>CMS</strong></p><p>Pour offrir un degré supplémentaire dans la personnalisation du site, des sections dynamiques ont été crées pour chaque page marque et les sections peuvent être éditées en quelques clics par le client depuis son back-office.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clp8lvwe40c9b79hbcii42a1m.png"><div class="image-overlay"></div></div></div></div><p></p><p><strong>Blog</strong></p><p>Un blog a été mis en place pour permettre aux équipes d'Offsneakz de mettre en avant les nouvelles collections ou les dernières actualités liées au monde des sneakers. L'alimentation régulière d'un blog avec des articles pertinents participe grandement à la stratégie de référencement de la boutique sur les moteurs de recherche et les réseaux sociaux.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clp8lw6ui0c9o79hbhbud91pq.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clp8lwis80bty7ahzfztndjfd.png"><div class="image-overlay"></div></div></div></div><p></p><p><strong>Optimisations de la boutique et SEO</strong></p><p>Une série d'optimisations ont été apportées pour améliorer le temps de chargement des pages sans sacrifier la qualité de l'expérience d'achat. Mise en cache des ressources, compression des assets... Les méta-données de chaque page ont également été configurées pour participer à la stratégie de référencement du site sur les moteurs de recherche et les réseaux sociaux. Un travail qui s'est avéré être gagnant puisque le site se situe dans la partie haute des sites e-commerce dans la même catégorie les plus performants.</p><p></p><p><strong>Formations</strong></p><p>Tout au long du projet, l'équipe Offsneakz a été formée à l'utilisation de leur nouvelle boutique. Des ateliers ont ainsi été menés, soutenus par des exemples de cas pratiques, pour apprendre à gérer l'inventaire, gérer une commande ou un retour ou encore prendre contact avec un client. Toutes les sessions de formations sont enregistrées et partagées avec le client pour servir de documentation avec un seul objectif en tête : rendre autonome les équipes du client dans la gestion quotidienne de leur boutique.</p><p></p><h2>Synthèse</h2><p><br>Offsneakz, spécialiste de l'achat revente en ligne de sneakers, a confié à notre collectif la migration de sa boutique de WordPress vers Shopify, avec pour objectif d'améliorer l'expérience d'achat et la gestion du back-office. La plateforme Shopify a été choisie pour sa convivialité, pour sa personnalisation avancée et sa sécurité robuste. Le processus a impliqué une personnalisation approfondie du thème, la création et gestion du stock, et l'intégration de fonctionnalités clés et une collaboration étroite entre notre équipe, et les équipes marketing et créatives du client. Des optimisations SEO ont également été effectuées, et des formations ont été dispensées pour rendre l'équipe d'Offsneakz autonome dans la gestion quotidienne de leur nouvelle boutique.</p><p></p><p>Depuis la refonte de son site, Offsneakz a déja cumulé 6 commandes en seulement une semaine, toute l'équipe Batch 440 le remercie pour sa confiance et lui souhaite d'excellentes ventes !</p>

Développement d'une boutique e-commerce sur Shopify pour l'entreprise Offsneakz

Shopify

Création d'un boutique e-commerce pour Offsneakz

Auchan Energies

<p>Notre collectif a été missionné par l'intermédiaire de l'agence Rozo, de réaliser un site capable de mettre en valeur les offres Coup de Pouce Travaux de la filiale Auchan Energies.</p><p></p><p>L'enjeu du site était triple :</p><p></p><ol><li><p>Décrire les offres Coup de Pouce Travaux : chauffage et Coup de Pouce Travaux : rénovation ainsi que leurs modalités pour y adhérer</p></li><li><p>Mettre en forme le contenu de chacune des offres pour le rendre plus digeste et plus lisible pour les clients</p></li><li><p>Permettre aux équipes de Rozo et d'Auchan Energies de s'approprier le site et d'être indépendantes dans la gestion de leur contenu</p></li></ol><p></p><p>Il a fallu d'abord créer des maquettes interactives du site sur Figma en exploitant le design system et le branding du groupe Auchan. Les maquettes ont pour vocation d'ajuster le comportement UX/UI du site avec le client, de proposer une immersion en amont de la phase de développement et de servir de cahier des charges pour l'équipe de développement.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cllyypcj316iq7agbhgd4h1wd.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cllyypwcy16rn6vi86b2nc7eu.png"><div class="image-overlay"></div></div></div></div><p></p><p>Notre collectif a fait le choix d'utiliser Webflow pour réaliser le site. Cet outil, désormais incontournable, permet de créer un design sur-mesure, en accord avec la charte graphique du groupe Auchan et des animations complexes. Notons aussi que Webflow est optimisé pour le référencement naturel du site, ce qui était un critère déterminant pour notre client.</p><p></p><p>Nous avons commencé par intégrer le design system du groupe Auchan dans une page dédiée sur Webflow. Le contenu des pages a ensuite été structuré sous forme d'accordéon pour alléger le site et faciliter la lecture. Toutes les vues ont également été retravaillées afin d'optimiser le site sur mobile.</p><p></p><p>Enfin, notre collectif s'est chargé de relier le nom de domaine avec le nouveau site et de former les équipes à l'utilisation de leurs nouveaux outils.</p><p></p><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cllyyt2q016nm7agb5fkx7dd5.png"><div class="image-overlay"></div></div></div></div><p></p><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cllyyteyd16wl6vi8bwwi0si0.png"><div class="image-overlay"></div></div></div></div><p></p>

Conception et déploiement d'un site internet dédié aux offres Coup de Pouce Travaux de la filiale Auchan Energies

Réalisation d'une maquette et d'un site internet pour Auchan Energies

Finglefood

<p>Finglefood est une application du bien-manger qui recense les acteurs éco-responsables de l'alimentation clean autour de vous. Avant l'application web, il n'existait seulement qu'une application native iOS. Pour étendre la portée de l'application, nous avons créé l'application web et le site vitrine pour Finglefood à partir de maquettes Figma réalisées par une UX/UI designer, respectivement sous les sous-domaines <a href="http://app.finglefood.com" rel="noopener noreferrer nofollow" target="_blank">app.finglefood.com</a> et <a href="http://www.finglefood.com" rel="noopener noreferrer nofollow" target="_blank"><u>www.finglefood.com</u></a>. Le passage d'une infrastructure à l'autre est <em>seamless</em> et se fait sans aucune interruption pour l'utilisateur.</p><p></p><h2>CRÉATION D'UNE APPLICATION WEB</h2><p></p><p>Pour développer l'application web de Finglefood, nous avons utilisé les dernières technologies modernes, notamment Vite, ReactJS et Typescript, que nous avons connecté au back-end Ruby on Rails existant. Vite est un outil de build rapide pour les applications web modernes, qui permet un développement plus rapide et une expérience de développement plus fluide en prenant en charge les dernières fonctionnalités JavaScript. ReactJS est une bibliothèque JavaScript populaire pour la création d'interfaces utilisateur, qui offre une grande flexibilité et permet une mise à jour dynamique des composants de l'application. Typescript est un sur-ensemble de JavaScript qui offre une vérification de type statique pour améliorer la sécurité et la robustesse de l'application.</p><p></p><p>L'application web de Finglefood consiste en une carte interactive (Mapbox) qui recense les adresses de Finglefood sous la forme de pin-points, permettant à l'utilisateur de rechercher les adresses proches de sa localisation ou de l'adresse de son choix, mais aussi de retrouver une adresse par nom. L'utilisateur peut ensuite consulter les détails d'une adresse à travers une page dédiée, en apprendre plus sur le lieu mais aussi consulter les horaires d'ouvertures, accéder à ses réseaux sociaux ou visualiser ses labels.</p><p></p><p>Nous avons également utilisé Vitest pour tester le code de l'application web de Finglefood. Vitest est une bibliothèque de test rapide et légère pour les applications web modernes, qui permet de tester le code de manière efficace tout en offrant une expérience de développement fluide et rapide. Elle prend en charge les dernières fonctionnalités JavaScript et TypeScript, ce qui facilite la création de tests pour garantir la qualité du code.</p><p></p><h2>CRÉATION D'UN SITE VITRINE</h2><p></p><p>Le site vitrine quant à lui est personnalisable par le client via le CMS Webflow. Webflow nous a permis de créer un site web moderne, élégant et facilement personnalisable par le client, sans nécessiter de compétences en développement web. Le site présente Finglefood, redirige vers l'application iOS ou l'application web, propose des recettes et des interviews de personnalités Finglefood.</p><p></p><p>Enfin, il est important de noter que le site vitrine et l'application web de Finglefood sont tous deux responsives, ce qui signifie qu'ils sont optimisés pour s'adapter à tous les formats d'écran, qu'il s'agisse d'un ordinateur de bureau, d'un ordinateur portable, d'une tablette ou d'un smartphone. Cela permet d'offrir une expérience utilisateur optimale, quel que soit le dispositif utilisé pour accéder à l'application.</p><p></p><p>En somme, notre collectif a permis de développer une application web rapide, performante et hautement personnalisable pour Finglefood, tout en offrant une expérience utilisateur optimale sur tous les formats d'écran. L'utilisation des dernières technologies modernes et de Vitest a permis de garantir la qualité du code, tout en facilitant la maintenance de l'application à long terme.</p><p></p><p>Nous sommes ravis d'avoir pu contribuer à la création de Finglefood et nous sommes convaincus que cette application aidera de nombreuses personnes à trouver des acteurs éco-responsables de l'alimentation clean près de chez eux.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhhkpded13fj63ht4lf227fo.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhhkoxg113l263jxajpo1e7x.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhhkpnty13m763jxbciabcbq.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhhkqf6513na63jx9otn2fkk.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhhkpyw013mj63jx74je1dpp.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhhkq8za13ga63htgd5a65og.png"><div class="image-overlay"></div></div></div></div>

Finglefood est l'application gratuite du bien-manger qui recense les acteurs éco-responsables de l'alimentation clean autour de vous.
Création d'une application front-end en ReactJS et d'un site vitrine sur-mesure à partir de maquettes Figma.

React

Javascript & Typescript

Réalisation d'une application web et d'un site vitrine pour Finglefood

Cardeurs Opticiens

<p><a href="http://www.cardeursopticiens.fr" rel="noopener noreferrer nofollow" target="_blank">www.cardeursopticiens.fr</a></p><p></p><p>Suite à son changement de nom de marque et d'identité visuelle, Cardeurs Opticiens nous a contacté pour mettre à jour son site vitrine.</p><p></p><p>Cardeurs Opticiens est un magasin d'optique et d'accessoires de mode haut-de-gamme situé au coeur d'Aix-en-Provence.</p><p></p><p>Notre approche consistait à :</p><p></p><p>1) Digitaliser la nouvelle charte graphique de la boutique</p><p>2) Réaliser une refonte du site vitrine pour améliorer le design et le référencement du magasin en mettant l'accent sur les marques-partenaires</p><p>3) Permettre aux équipes de gérer en toute autonomie les marques et les montures affichées sur le site</p><p>4) Construire les bases d'une plateforme e-commerce</p><p></p><p>Le site a entièrement été réalisé avec l'outil Webflow et un thème sur-mesure a été créé.</p><p>Le design du site se veut plus épuré que la version précédente avec une place prépondérante pour les visuels des marques. Les polices d’écriture sont modernes mais chaleureuses et accentuent l’approche haut-de-gamme et sur-mesure de la boutique. Le noir est l’une des couleurs dominantes du site, c’est une couleur que nous avons choisie car elle est caractéristique du haut-de-gamme et qu’elle fait contraste avec les contenus visuels colorés du site tels que les photos principales et de mise en situation des marques.</p><p></p><p>Le parcours de navigation a également été simplifié comme ceci : Accueil &gt; Listes des marques &gt; Page de la marque &gt; Page de la monture &gt; transformation en visite physique à la boutique.</p><p></p><p>Toutes les lunettes ont été créées via le module e-commerce de Webflow, ce qui permet à Cardeurs Opticiens d'activer la possibilité de vendre en ligne en quelques clics seulement s'ils le souhaitent à l'avenir. Enfin, les équipes peuvent disposer d'une interface intuitive pour administrer les marques, lunettes, leur stock et les commandes.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clgd820re3v2g5wfchblabln5.png"><div class="image-overlay"></div></div></div></div><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clgd82gws3v2m5wfc5hif5lot.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clgd841573v365wfc6bue58im.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clgd84h503v3c5wfch2txh0z5.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clgd84vsd3v3i5wfc76w8bhj7.png"><div class="image-overlay"></div></div></div></div>

Suite à son changement de nom de marque et d'identité visuelle, Cardeurs Opticiens nous a contacté pour mettre à jour son site vitrine. www.cardeursopticiens.fr

Réalisation d'un site internet pour Cardeurs Opticiens

YM Avocats

<p>La cabinet parisien YM Avocats spécialisé en droit immobilier nous a contacté pour migrer son site existant vers une infrastructure plus apte à répondre à ses nouveaux besoins.</p><p></p><p>L'objectif était de développer un site en mesure de mettre en avant les activités du cabinet, ses membres et ses actualités. Les membres du cabinet devaient également être complètement autonomes dans la gestion des ressources du site et avoir la main sur la personnalisation des spécialités, des membres et des articles de blog. Enfin, le site devait être esthétique et épuré avec l'accent mis sur les visuels et le contact humain.</p><p></p><p>Une fois de plus, notre collectif a fait le choix de Webflow pour construire le site pour des raisons de personnalisation, de performance et de référencement sur les moteurs de recherche. Après avoir minutieusement choisi un thème de base, notre équipe s'est attelée à le configurer et à le personnaliser aux couleurs de la charte graphique du cabinet. Une section blog a été créée pour héberger les articles et servir la stratégie de communication / acquisition du cabinet. Toutes les pages ont aussi été configurées pour s'afficher à la fois sur ordinateur et sur mobile pour faciliter l'accessibilité du site et le partage de ses articles.</p><p></p><p>Enfin, l'équipe a été formée par nos soins à l'utilisation de leurs nouveaux outils performants.</p><p></p><p>Le résultat est un site élégant avec des sections épurées qui sert désormais de vitrine aux activités du cabinet.</p><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clo8mnscl0x4y7ae93dne2a72.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clo8mo57u0x547ae9ctg6hyma.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clo8mqmba0ws372i4fdzz69tg.png"><div class="image-overlay"></div></div></div></div>

Suite à son changement d'identité de marque, le cabinet parisien YM Avocats nous a contacté pour développer son site vitrine.

Réalisation d'un site pour le cabinet d'avocats YM Avocats

Société Française de Cosmétologie

<p><strong>Contexte</strong></p><p>La Société Française de Cosmétologie a pour vocation de promouvoir et diffuser les études scientifiques à toute la communauté cosmétique. En 2023 elle souhaite refondre son identité pour s'inscrire dans l'ère du temps et renforcer son image de marque. </p><p></p><p><strong>Objectif de la mission</strong></p><p>Concevoir un logotype pertinent, moderne et identifiable, qui transcrit les valeurs de la SFC. </p><p></p><p>Périmètre de travail réalisé </p><p>• <strong>Étude</strong> de l'existant&nbsp;: Univers établis, secteur, concurrence. Synthèse des codes graphiques établis dans le secteur et définition de codes. </p><p><strong>• Recherches</strong> : Recherche de solutions graphiques pertinentes, approfondissement des pistes </p><p>•<strong> Présentation des recherches </strong>: Présentation des propositions et étude de la pertinence avec le client</p><p>• <strong>Livraison du projet </strong>: Livraison du logotype, de l'emblème, de la charte graphique et de tous les éléments graphiques composants l'identité</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cllvxvs7014qq72dbcew70bmf.jpg"><div class="image-overlay"></div></div></div></div>

Réalisation d'un logotype pour la Société Française de Cosmétologie

Logotype pour Société Française de Cosmétologie

The Good Habits

<div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj6vlscy0b8h8qcvbtv45484.png"><div class="image-overlay"></div></div></div></div><p>Date de réalisation : Janvier 2021</p><p></p><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://app.thegoodhabits.fr/">https://app.thegoodhabits.fr/</a></p><p></p><h2><strong>Contexte</strong></h2><p>The Good Habits est une startup spécialisée dans la promotion de bonnes habitudes éco-reponsables en s'appuyant sur des principes scientifiques, psychologiques et une approche innovante. En janvier 2021, dans le but de démarrer leur activité et toucher un large public, ils ont souhaité développer une web app responsive permettant aux utilisateurs de prendre conscience de leurs habitudes et de les améliorer.</p><p></p><h2><strong>Objectif de la mission</strong></h2><p>L'objectif de cette mission était de concevoir et de réaliser un prototype UX/UI de haute qualité de la web app The Good Habits à l'aide de l'outil de design Figma. Le prototype devait mettre en valeur une expérience utilisateur fluide et attractive, et refléter l'identité visuelle de la marque.</p><p></p><h2>Périmètre de travail réalisé</h2><p>1. Recherche et analyse utilisateurs : Des enquêtes quantitatives et qualitatives (surveys, interviews...) ont été menées pour identifier les besoins, les attentes et les points de friction des utilisateurs potentiels.</p><p>2. Wireframing : Des wireframes pour chaque écran principal de la web app ont été créés. Les wireframes étaient de basse fidélité, mais clairs et facilitaient la communication entre l'équipe.</p><p>3. Maquettes haute fidélité : Des maquettes haute fidélité pour chaque écran principal de l'application ont été produites en respectant l'identité visuelle de la marque.</p><p>4. Prototype interactif : À partir des maquettes haute fidélité, un prototype interactif dans Figma a été créé pour montrer les interactions principales, les animations et les transitions entre les écrans.</p><p>5. Tests utilisateurs et itérations : Des tests utilisateurs ont été effectués avec le prototype interactif pour recueillir des retours et des suggestions, puis des améliorations ont été apportées.</p><p></p><h2>Livraisons</h2><p>Les livrables finaux ont inclus :</p><p>- Une présentation de la recherche et de l'analyse des utilisateurs, y compris les personas</p><p>- Les wireframes des écrans principaux</p><p>- Les maquettes haute fidélité des écrans principaux</p><p>- Un lien vers le prototype interactif Figma</p><p></p><h2>Résultats</h2><p>- Un prototype UX/UI répondant aux besoins et attentes des utilisateurs</p><p>- Une expérience utilisateur fluide et engageante</p><p>- Le respect des délais</p><p>- Un design consistant avec l'identité visuelle de la marque The Good Habits</p><p>- Des tests utilisateurs et des itérations pour améliorer le prototype</p><p>- Une communication efficace et régulière avec le client</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj6vjl7n0b7r8qcveavo6i03.png"><div class="image-overlay"></div></div></div></div>

Recherche utilisateurs, branding, création d'un prototype Figma desktop et mobile et tests utilisateurs de ce dernier. https://thegoodhabits.fr/

User Research

Réalisation d'un prototype Figma UX/UI de la web app B2C The Good Habits

SNCF

<div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cljejxmow02ndbcfiax4tb96k.png"><div class="image-overlay"></div></div></div></div><p></p><h2>Contexte</h2><p>Le groupe SNCF est l'un des leaders mondiaux de la mobilité et de la logistique. Confronté aux défis en constante évolution de ces secteurs, le groupe a fait appel à nos services pour produire un livre blanc destiné à ses équipes innovation. Ce document vise à équiper et inspirer ces équipes en leur fournissant des informations pertinentes et actuelles dans un format attrayant et facile à utiliser.</p><p></p><h2>Objectif de la mission</h2><p>L'objectif principal était de créer un livre blanc corporate au design moderne et innovant, conçu pour être imprimé. Le livre devait conjuguer fonctionnalités corporate et esthétique originale pour captiver l'audience interne de la SNCF, tout en offrant une expérience utilisateur de lecture optimale.</p><p></p><h2>Périmètre de travail</h2><ol><li><p><strong>Conception de la charte graphique:</strong> Développement d'une charte graphique audacieuse qui épouse à la fois l'identité visuelle de la SNCF et les exigences modernes en termes de design éditorial.</p></li><li><p><strong>Structuration du contenu: </strong>Mise en place d'une structure de contenu claire et intuitive, facilitant l'accès aux informations clés et favorisant une lecture agréable.</p></li><li><p><strong>Mise en page: </strong>Conception des pages en alignement avec la charte graphique établie, tout en veillant à la lisibilité du contenu.</p></li><li><p><strong>Relecture et correction:</strong> Révision du livre pour en garantir la parfaite finition – ceci comprend la correction de tout éventuel problème de typographie, de mise en page ou d'impression.</p></li></ol><p></p><h2>Livraison</h2><p>Le résultat final attendu est un livre blanc corporate imprimable au design moderne et innovant, incluant toutes les pages conçues et mises en page.</p><p></p><h2>Critères de réussite</h2><ul><li><p>Un livre blanc contemporain qui reflète le statut de leader du groupe SNCF dans l'innovation</p></li><li><p>Une impression de haute qualité avec une mise en page soignée et un contenu structuré</p></li><li><p>Le respect des codes d'identité visuelle corporate de la SNCF tout en intégrant un design éditorial moderne</p></li><li><p>Le respect du délai et du budget du projet</p></li><li><p>La satisfaction du client avec le livre blanc final</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cljejx9io02hkbciwgz8lfwvh.png"><div class="image-overlay"></div></div></div></div><p></p>

Création d'un livre blanc corporate moderne à destination des équipes innovation du groupe SNCF.

Branding Strategy

Réalisation d'un livre blanc corporate pour SNCF Digital

Collectif Energia

<div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cljeilu7p00msbcfi8mrrcx0h.png"><div class="image-overlay"></div></div></div></div><h2>Contexte</h2><p>Le Collectif Energia réunit des entreprises de la rive gauche du Var qui travaillent ensemble pour résoudre des problématiques économiques, sociales et environnementales communes. L'association crée un écosystème collaboratif et pilote des solutions expérimentales destinées à être déployées sur tout le territoire. Pour promouvoir efficacement leur vision et leurs actions, le Collectif Energia avait besoin d'une charte graphique tangible et de supports de communication attrayants et actuels.</p><p></p><h2>Objectif de la mission</h2><p>Le but de cette mission était d'élaborer une charte graphique unique et moderne pour le Collectif Energia, et de concevoir des supports commerciaux tels que des kakemonos et des présentations PowerPoint en ligne avec cette charte. Ces supports de communication devaient être modernes, dans l'ère du temps, tout en reflétant les valeurs, l'esprit collaboratif et l'engagement eco-responsable de l'association.</p><p></p><h2>Périmètre de travail</h2><ol><li><p><strong>Conception de la charte graphique: </strong>Création de la charte graphique du Collectif Energia comprenant la palette de couleurs, le style des images, les typographies, et tous les autres éléments graphiques.</p></li><li><p><strong>Conception des supports commerciaux: </strong>Développement de supports commerciaux en accord avec la nouvelle charte graphique, tels que des kakemonos et des présentations PowerPoint. Les designs devaient être modernes et attrayants pour capter l'attention et communiquer efficacement l'essence du Collectif.</p></li><li><p><strong>Révision et validation: </strong>Présentation des designs aux parties prenantes pour recueil d'avis et validation. Faire les ajustements nécessaires jusqu'à ce qu'un consensus soit atteint.</p></li><li><p><strong>Préparation des fichiers pour impression et / ou numérisation: </strong>Préparation et envoi des fichiers en format approprié pour l'utilisation prévue (impression ou numérisation).</p></li></ol><p></p><h2>Livraison</h2><p>Les livrables incluent la charte graphique détaillée, les kakemonos prêts à être imprimés, et les présentations PowerPoint adaptées à différents types de publics.</p><p></p><h2>Critères de réussite</h2><ul><li><p>Une charte graphique moderne qui reflète l'identité et les valeurs du Collectif Energia</p></li><li><p>Des supports commerciaux attrayants et dans l'ère du temps qui communiquent efficacement le message du Collectif</p></li><li><p>La satisfaction du client avec les designs finaux</p></li><li><p>Le respect des délais et du budget</p></li><li><p>Etablir une relation de travail solide et efficace avec le client</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cljejer7d01trbciw4w198pqh.png"><div class="image-overlay"></div></div></div></div>

Développement de la charte graphique et réalisation des supports commerciaux (kakemono, pitch deck, affiches)

Communication Campaign

Réalisation d'une charte graphique et de supports commerciaux pour Collectif Energia

Monthlee

<div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj8hf2it0i9m8ofkb4b1gzr4.png"><div class="image-overlay"></div></div></div></div><h2><strong>Contexte</strong></h2><p>La société Monthlee est une entreprise spécialisée dans la vente de box mensuelles pour des petits commerçants. En octobre 2022, dans le but de se développer et de toucher un public élargi, Monthlee a souhaité créer un site web de vente en ligne de leurs partenaires fleuristes qui souhaitent créer un service de livraison de box de fleurs mensuelles, adapté aux formats mobile et desktop.</p><p></p><h2>Objectif de la mission</h2><p>L'objectif de cette mission était de concevoir et de réaliser un prototype UX/UI de haute qualité pour le site de vente en ligne de box de fleurs de Monthlee à l'aide de l'outil de design Figma. Le prototype devait mettre en valeur une expérience utilisateur fluide et attractive sur les versions mobile et desktop du site, et refléter l'identité visuelle du client Antique Garden.</p><p></p><h2>Périmètre de travail réalisé</h2><ul><li><p><strong>Wireframing :</strong> Des wireframes pour chaque écran principal des versions mobile et desktop du site ont été créés. Les wireframes étaient de basse fidélité, mais clairs et facilitaient la communication entre l'équipe.</p></li><li><p><strong>Maquettes haute fidélité : </strong>Des maquettes haute fidélité pour chaque écran principal des versions mobile et desktop du site ont été produites en respectant l'identité visuelle du client Antique Garden.</p></li><li><p><strong>Prototype interactif : </strong>À partir des maquettes haute fidélité, un prototype interactif dans Figma a été créé pour montrer les interactions principales, les animations et les transitions entre les écrans des versions mobile et desktop du site.</p></li><li><p><strong>Tests utilisateurs et itérations : </strong>Des tests utilisateurs ont été effectués avec le prototype interactif pour recueillir des retours et des suggestions, puis des améliorations ont été apportées sur les versions mobile et desktop du site.</p></li></ul><p></p><h2>Livraisons</h2><p>Les livrables finaux ont inclus :</p><ul><li><p>Les wireframes des écrans principaux pour les versions mobile et desktop</p></li><li><p>Les maquettes haute fidélité des écrans principaux pour les versions mobile et desktop</p></li><li><p>Un lien vers le prototype interactif Figma pour les versions mobile et desktop</p></li><li><p>Un design system</p></li></ul><p></p><p>Le client a été tenu informé de l'avancement du projet et les étapes clés lui ont été présentées pour valider les choix.</p><p></p><p>Date de début : Octobre 2022</p><p>Date de fin : Fin octobre 2022</p><p></p><h2>Résultats</h2><p>- Un prototype UX/UI répondant aux besoins et attentes des utilisateurs pour les versions mobile et desktop</p><p>- Une expérience utilisateur fluide et engageante sur les versions mobile et desktop du site</p><p>- Le respect des délais</p><p>- Un design consistant avec l'identité visuelle du client Antique Garden</p><p>- La réalisation des tests utilisateurs et des itérations pour améliorer le prototype sur les versions mobile et desktop</p><p>- Une communication efficace et régulière avec le client</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj8hm2bt0ifq8qg80ejy9jq5.png"><div class="image-overlay"></div></div></div></div><p></p>

Réalisation d'un prototype Figma UX/UI (mobile et desktop) pour le site du client Antique Garden de la société Monthlee.

Réalisation d'un prototype Figma UX/UI pour Monthlee

<p>Scrito est une plateforme qui met en relation des rédacteurs avec des entreprises pour répondre à leurs besoins rédactionnels : livres blancs, emails, articles de blog, fiches produits...</p><p></p><p>Cette jeune start-up nous a contacté pour moderniser son site vitrine et se doter d'une application sur-mesure pour gérer les clients, rédacteurs ainsi que leurs missions.</p><p></p><h2>CONSTRUCTION DE L'APPLICATION WEB</h2><p></p><p>Des maquettes ont été réalisées sur Figma pour définir l'UX/UI de la future application et aider le client à se projeter dans son outil.</p><p>Une fois les maquettes réalisées et l'étude du besoin complété, la construction du MVP pouvait commencer.</p><p>Notre collectif a choisi le framework Ruby on Rails pour réaliser cette application grâce à sa flexibilité bien connue des milieux tech en start-up.</p><p>Tout au long de la construction de l'application, des démonstrations ont été réalisées auprès du client afin de le familiariser avec les interfaces et d'ajuster ces dernières si nécessaire.</p><p>Pour des questions d'intégrité et de robustesse, des tests poussés ont été mis en place pour valider chaque changement dans le code qui pourrait être critique au bon fonctionnement de l'application.</p><p>L'application a été livrée en 4 semaines, soit un temps record pour fournir au client les outils sur lesquels il va désormais pouvoir s'appuyer pour sa croissance.</p><p></p><h2>CONSTRUCTION DU SITE WEB</h2><p></p><p>En parallèle à la réalisation de l'application, il a été convenu avec le client de développer un site vitrine sur-mesure pour mettre en avant ses activités et attirer de nouveaux prospects.</p><p>Notre collectif a fait le choix d'utiliser Webflow pour réaliser le site. Cet acteur, désormais incontournable, permet de réaliser des designs et des animations complexes tout en offrant au client la possibilité de modifier par lui-même le contenu de ses pages, sans jamais compromettre la sécurité ni l'intégrité du site. Notons aussi que Webflow est optimisé pour le référencement naturel du site, ce qui était un critère déterminant pour notre client.</p><p></p><p>Afin d'être disponibles sur tous les formats d'écrans, l'application web et le site vitrine ont été conçus de manière responsive s'adaptant au format ordinateur, tablette et smartphone.</p><p></p><p>Avec la mise en production de son application et la réalisation de son site vitrine, Scrito dispose désormais de solides arguments pour accélérer sa croissance.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldxxjddt1k085weob4g24ayj.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldxxkwkg1iyw5vedcjun5b7o.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldxxqbko1j1o5vede09813a5.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldxxqq2x1j1v5ved56ckbror.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldxxr9821j235vedemj6c78i.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldxxrxf01j2b5vedfsjg91ve.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldxxtj1r1j2t5ved9dngc24z.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldxxuckf1j355ved3wxpelp4.png"><div class="image-overlay"></div></div></div></div>

Scrito est une plateforme qui met en relation des rédacteurs avec des entreprises pour répondre à leurs besoins rédactionnels.
Design des maquettes, construction de la web app en Ruby on Rails, mise en place d'un site sur-mesure.

Ruby on Rails

Réalisation d'une application web et d'un site vitrine pour Scrito

Graazie

<p>Graazie est une boutique spécialisée dans la vente de bijoux et d'accessoires de mode, située dans le 16ème arrondissement à Paris et créée en 2019.</p><p></p><p>En 2019, à Paris, l’aventure <a href="https://graazie.com/" rel="noopener noreferrer nofollow" target="_blank">Graazie</a> prend vie autour d’une idée originale. Au fil des années, sa créatrice se rend compte que le bijou n’est souvent pas offert de manière convenable : <em>«&nbsp;Les gens ont souvent le bon produit mais pas toujours la bonne façon pour le présenter. Le soin apporté lorsque l’on offre un bijou peu onéreux n’est jamais vraiment respecté&nbsp;»,</em> déclare-t-elle.&nbsp;Elle décide alors de faire de&nbsp;<em>«&nbsp;l’art d’offrir un bijou&nbsp;»</em> comme son leitmotiv.</p><p></p><p>C'est dans cette même philosophie que la boutique e-commerce a été réalisée en 2021.</p><p>Cette boutique offre une expérience d'achat sur-mesure avec personnalisation du packaging et la possibilité d'ajouter à chaque achat un petit mot doux. La direction artistique du site est à l'image de la boutique physique: élégant, intimiste et chaleureux. Notre collectif a réalisé les maquettes interactives du site pour aider le client à se projeter dans son univers.</p><p></p><p>Une fois les maquettes validées, nous avons pu développer la boutique sur Wordpress avec le module ecommerce Woocommerce. La flexibilité de cette intégration a permis des développements sur-mesure (tunnel de vente, choix du mode de paiement, modes de livraison) et de proposer au client des outils pour manager son stock, ses commandes et des outils d'analytics pour suivre les performances financières de sa boutique depuis son dashboard admin.</p><p></p><p>Notre collectif a également mis en place une solution de prise de RDV en ligne pour les clients qui souhaitent réserver un créneau pour leur visite en magasin.</p><p></p><p>Désormais Graazie peut s'appuyer sur sa boutique e-commerce pour soutenir sa visibilité et sa croissance.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle3np64f0uem5wj912731fju.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle3nonj30vei5xi3hyfe7gk9.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle3npquo0uf25wj9605e180h.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle3nq7hx0ufd5wj9121ednot.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle3nqkmh0vg65xi30zfs6rtg.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle3nqty80vgg5xi37gnm6jct.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle3nr2kq0vgq5xi3cpn2a4ue.png"><div class="image-overlay"></div></div></div></div>

Graazie est une boutique spécialisée dans la vente de bijoux et d'accessoires de mode, située dans le 16ème arrondissement à Paris.

Prestashop

Wordpress

Réalisation d'une boutique e-commerce pour Graazie

Ateliers NX (Groupe Nexity)

<p>Les Ateliers NX (Groupe Nexity) est une entreprise spécialisée dans l’architecture d’intérieur qui s’adresse aux acquéreurs de logements neufs dans des programmes immobiliers répartis dans toute la France.</p><p></p><p>Dès sa création, l’entreprise a eu besoin d’une application web pour faciliter la gestion des dossiers clients: gestion des clients, des lots, gestion des devis et factures. Signature électronique, paiement en ligne, relances automatiques et développement de trois espaces: client, administrateur et promoteur.</p><p></p><p>Une application sur-mesure a été développée sur le framework Ruby On Rails et des éléments de JavaScript, le tout hébergé sur Heroku.</p><p></p><p>- Meilleure expérience client dans la prise de RDV avec les métiers spécialisés de l'architecture</p><p>- Meilleure productivité des architectes dans la création en ligne de leur projet jusqu'à la signature électronique des devis.</p><p>- Gain de temps considérable pour l'équipe comptable grâce à la solution de facturation embarquée et la connexion entre Stripe / manager one et la web app pour la partie paiement et réconciliation.</p><p></p><p><a href="https://www.ateliersnx.fr/" rel="noopener noreferrer nofollow" target="_blank">https://www.ateliersnx.fr/</a></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnrp7zn0g215mdc9kqpguve.png"><div class="image-overlay"></div></div></div></div><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnrqtdd0fwz5lgp8xjsgdv3.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnrr1n70fxa5lgph3y3773z.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnrrpo80fxl5lgphvv30nai.png"><div class="image-overlay"></div></div></div></div>

Les Ateliers NX (Groupe Nexity) est une entreprise spécialisée dans l’architecture d’intérieur qui s’adresse aux acquéreurs de logements neufs dans des programmes immobiliers répartis dans toute la France.

Réalisation d'une application web sur-mesure pour les Ateliers NX

<p>La matériotech est un projet de bibliothèque de matériaux en ligne a destination des métiers de l’architecture d’intérieur : architectes, designers et promoteurs.</p><p></p><p>L’objectif de la matériotech est de simplifier la création et le cycle de publications de catalogues de produits et d’assister les utilisateurs dans la gestion de leur prix pour chaque objet.</p><p></p><p>Cette application est codée dans le framework Ruby On Rails et en Javascript, elle est hébergée sur Heroku. La base de données est en PostgreSQL.</p><p></p><p>Les équipes d'architectes et de designers disposent d'un nouvel outil qui leur permet d'aller sourcer de nouveaux matériaux, de les enregistrer dans un format unique puis de construire des catalogues interactifs sur-mesure pour chacun de leurs projets.</p><p></p><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.materio.tech/">https://www.materio.tech/</a></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnrlmnj0fv45lgpf3mh0n74.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnrnn2v0fvs5lgpbqps1l2q.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnrnvo40g1k5mdc66if8k4k.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnro0qr0g1m5mdcdy5k63wf.png"><div class="image-overlay"></div></div></div></div>

La matériotech est un projet de bibliothèque de matériaux en ligne a destination des métiers de l’architecture d’intérieur : architectes, designers et promoteurs.

Réalisation d'une application web sur-mesure pour la Materiotech

12.5

<p>12.5, c'est le premier service de stationnement en parkings souterrains, à accès sécurisé, pensé pour les deux-roues : vélo, scooter, moto, trottinette.</p><p></p><p>Nos réalisations sont les suivantes : développement de features critiques, REST API en support d'une application mobile d'ouverture des portails, intégration front-end, résolutions de bugs, implémentations d'une suite de tests automatisée, conseil tech.</p><p></p><p>Dès sa création, l’entreprise a eu besoin d’une application web pour centraliser les abonnements des usagers en gérant les demandes d’abonnements aussi bien côté utilisateur que côté administrateur, leur proposer des parkings adaptés à leurs besoins et servir de plateforme de communication pour le service.</p><p></p><ul><li><p>Développement de multiples features importantes pour le développement business telles que mise en place d'opérations promotionnelles automatisés via une mécanique de code promo, codes parrainage, développement de la carte avec fonctionnalité d'itinéraires, mise en place d'une validation 3D Secure avec Stripe, possibilité de réserver plusieurs abonnements, mise en place de grilles tarifaires...</p></li><li><p>Développement d'une API REST en support d'une application mobile déployée sur l'App Store et le Google Play Store -&gt; ouverture des portails à la place d'un badge</p></li><li><p>Intégration de pages web (homepage, pages de parkings, pages statiques...) via maquettes Figma</p></li><li><p>Protection contre les attaques de bots</p></li><li><p>Augmentation du chiffre d'affaires grâce à la mécanique des codes promos</p></li><li><p>Réduction des tâches manuelles grâce à l'automatisation du traitement des paiements avec Stripe</p></li><li><p>Réduction des coûts avec la mise à disposition de l'application mobile d'ouverture des portails</p></li><li><p>Réduction de bugs en production</p></li></ul><ul><li><p>Conseil et support technique</p></li></ul><p></p><p><a href="https://www.12p5.com/" rel="noopener noreferrer nofollow" target="_blank">https://www.12p5.com/</a></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnrkm870fu85lgp5wo4cdoq.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnrkxke0fuo5lgp44cp5e4i.png"><div class="image-overlay"></div></div></div></div>

12.5, c'est le premier service de stationnement en parkings souterrains, à accès sécurisé, pensé pour les deux-roues : vélo, scooter, moto, trottinette.
Réalisation d'une application web sur-mesure, développement API

Ruby

Réalisation d'une application web sur-mesure pour 12.5

Optique des cardeurs

<p>L’Optique des Cardeurs est un magasin d’optique aixois réputé pour son savoir-faire et ses lunettes de créateurs. Cette prestigieuse adresse se devait donc d’avoir un site à la hauteur de sa réputation !</p><p></p><p>Cette boutique a fait appelle à nos services pour moderniser son site, mettre en avant ses offres et gagner en compétitivité sur les moteurs de recherche.</p><p></p><p><a href="https://www.optiquedescardeurs.com/" rel="noopener noreferrer nofollow" target="_blank">https://www.optiquedescardeurs.com/</a></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbns8izm0g465lgp2ai7fkyq.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbns8qyd0g4a5lgp7jwy96hr.webp"><div class="image-overlay"></div></div></div></div>

L’Optique des Cardeurs est un magasin d’optique aixois réputé pour son savoir-faire et ses lunettes de créateurs. Cette prestigieuse adresse se devait donc d’avoir un site à la hauteur de sa réputation !

Other CMS

Réalisation d'un site-vitrine pour l'Optique des Cardeurs

Français avec Nelly

<p>Français avec Nelly propose des cours de FLE (Français Langue Étrangère) à plus de 1 500 étudiants dans le monde entier. Nelly et son équipe de deux professeurs donnent des cours particuliers ainsi que des sessions collectives pour accompagner les élèves dans leur apprentissage du français. Un programme de défi hebdomadaires “The French Fluency Challenge” est également proposé aux élèves.</p><p></p><p>Avec plus de 120 000 followers sur Instagram et 44 000 abonnés sur Youtube, Français avec Nelly est une référence dans l’écosystème FLE.</p><p></p><p>Nelly nous a contacté pour moderniser son image de marque et faciliter la prise de RDV entre ses élèves et ses équipes.</p><p></p><p><strong>Refonte du site internet</strong></p><p></p><p>Dès le démarrage du projet, nous avons fait le choix d’utiliser un service flexible et en no code pour la création de la partie vitrine du site. Nous nous sommes alors tourné vers Webflow, une plateforme qui permet de créer des sites sur-mesure, dynamiques et accessibles pour l’équipe Français Avec Nelly.</p><p></p><p>La direction artistique est résolument inspirée de la charte graphique de l’entreprise avec des tons bleus roi et roses, qui emprunte également aux couleurs pastels pour les icônes. Le design se veut léger, chaleureux et l’incrustation de textes manuscrits dans différentes sections du site vient appuyer le coté humain et “fait maison” des cours de Nelly. Cette vitrine met en valeur des moments de rencontre entre élèves et professeurs et présente des expériences humaines uniques à travers les témoignages et photos d’anciens élèves.</p><p></p><p>D’un point de vue plus technique, un CMS (Content Management System) a été configuré pour permettre à Nelly de modifier ou d’ajouter de nouveaux professeurs et des nouveaux cours en toute autonomie. La possibilité pour Nelly de disposer d’une vue pour modifier ses textes, ses photos, ses professeurs et ses cours et de pouvoir appliquer ses changements directement sur le site en production était l’une des contraintes identifiées au début du projet, une contrainte à laquelle Webflow a su totalement répondre.</p><p></p><p>Enfin, la structure du site ainsi que le renseignement systématique des méta données sur chaque page optimise le référencement du site sur les moteurs de recherche.</p><p></p><p><strong>Prise de RDV en ligne</strong></p><p></p><p>Un module de prise de RDV a été installé et configuré pour servir les besoins de Nelly et de son équipe. La solution “Calendly” a été retenue pour ses nombreuses fonctionnalités et son ergonomie.</p><p></p><p>Ainsi différents événements ont été configurés pour chaque type de de cours et ont été mis à disposition des élèves directement sur le site. Les professeurs quant à eux n’ont qu’à remplir leur planning en ligne pour indiquer leurs disponibilités dans les semaines à venir. L’élève peut voir les disponibilités sur l’agenda du professeur de son choix, payer en ligne au moment de la prise de RDV grâce à une intégration avec Stripe et il reçoit dans la foulée toutes les informations pour son RDV ainsi que le lien Zoom de la session.</p><p></p><p>Un rappel est aussi automatiquement envoyé aux élèves et aux professeurs 24h avec le RDV.</p><p></p><p>Cette vitrine met l’accent sur l’expérience unique qu’offre Nelly et son équipe de professeurs. Elle permet aussi de moderniser son image et d’attirer de nouveaux élèves. Le module de prise de RDV en ligne permettra quant à lui d’augmenter l’ergonomie, la productivité et la scalabilité des cours dispensés.</p><p></p><p><a href="https://www.francaisavecnelly.com" rel="noopener noreferrer nofollow" target="_blank">https://www.francaisavecnelly.com</a></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnrxyfq0g575mdcedifh1by.png"><div class="image-overlay"></div></div></div></div><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnry3510g595mdcgbsihl4v.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnry6w20g025lgpbfpw32gq.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnryd7l0g5f5mdcbj7b3zyv.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clbnrykus0g5j5mdc09r4f6ol.png"><div class="image-overlay"></div></div></div></div>

Français avec Nelly propose des cours de FLE (Français Langue Étrangère) à plus de 1 500 étudiants dans le monde entier. 
Réalisation d'un site vitrine, gestion de prise de RDV en ligne

Réalisation d'un site vitrine pour Français avec Nelly

Sigma Energie

<p>Sigma Energie propose des solutions de rénovation énergétique pour les particuliers. Le client nous a contacté afin de moderniser son site vitrine ainsi que son image de marque.</p><p></p><p>[IMAGE DE MARQUE]</p><p>Nous avons commencé par mener des ateliers avec le client pour mieux définir l'identité de Sigma Energie, ce qui distingue cette entreprise de ses concurrents. Nous avons rapidement identifié qu'il fallait mettre en valeur le caractère éco-responsable et novateur des services proposés par le client. Cette ambition a été le moteur des nombreuses pistes de réflexion menées sur les logos, les couleurs et typographies utilisées.</p><p></p><p>L'ensemble du logotype se décompose de manière linéaire avec un emblème suivi de la typographie.</p><p>L'emblème évoque le symbole SIGMA. Il fait l'objet d'une rotation à 45° et se présente comme un ruban vert, encerclant la représentation graphique d'un habitat en son centre. Cette dernière, fait aussi écho à une flèche vers le haut (élévation, valeurs positives).</p><p></p><p>La maison évoque le secteur d'activité de Sigma Energie. Sa conception en rondeur se veut douce, conviviale. Dans sa conception colorimétrique, elle fait écho au graphique de classe énergétique, là encore un rappel des conventions du secteur.</p><p></p><p>La typographique quand à elle est une sans-serif moderne dont la vocation est d'être intelligible de prime abord.</p><p></p><p>La colorimétrie emprunte aux teintes naturelles pour évoquer la bienfaisance et les vertus énergétiques de Sigma.</p><p></p><p>Elle s'articule autour d'un vert doux mais percutant pour couleur principale, et un vert foncé pour l'atténuer et l'harmoniser. Le orange vient dynamiser l'ensemble par petites touches d'accentuations. Les tons noirs et blancs quand à eux sont respectivement destinés à la typographie et au fond.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cleffbvxu0smz5xicevlbc9ki.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cleffe1wc0vfl5xij8pd2675v.png"><div class="image-overlay"></div></div></div></div><p>[SITE VITRINE]</p><p>L'ambition du client était également d'effectuer une refonte esthétique et fonctionnelle de son site vitrine <a href="https://www.sigmaenergie.fr/" rel="noopener noreferrer nofollow" target="_blank">https://www.sigmaenergie.fr/</a> avec l'ajout de nouvelles fonctionnalités de blogging.</p><p></p><p>Notre collectif a fait le choix d'utiliser Webflow pour réaliser le site. Cet acteur, désormais incontournable, permet de réaliser des designs et des animations complexes tout en offrant au client la possibilité de modifier par lui-même le contenu de ses pages, sans jamais compromettre la sécurité ni l'intégrité du site.</p><p></p><p>Nos travaux commencent en apportant des correctifs sur l'harmonie globale du site (espacement, nomenclature des classes, réutilisation des composants). Les vues mobiles ont été particulièrement retravaillées pour rendre le contenu des pages plus lisibles pour les visiteurs. L'un des objectifs principaux était d'apporter une couche de légèreté au site avec du contenu aéré et via l'utilisation d'animations.</p><p></p><p>La refonte du site inaugure aussi l'utilisation du Système de Gestion de Contenu pour administrer les offres, les articles de blog et les publier sur les différentes pages. Cette approche permet de gérer le contenu de son site et sa stratégie de contenu d'une manière extrêmement scalable et efficace.</p><p></p><p>La refonte du site était aussi l'occasion de mettre à jour la nouvelle charte graphique de Sigma Energie en veillant à ce que cette dernière soit parfaitement intégrée aux pages ainsi qu'aux composants.</p><p></p><p>Enfin des animations sur-mesures ont été construites pour rendre l'expérience de navigation plus fluide et plus conviviale pour les internautes.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clefg3czu0t375xic98zi6h63.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clefg3uqh0t3e5xich1mt6v6v.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clefg61dq0vxf5xij0b2f3ob7.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clefg6k6z0t585xic0s7q44l7.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clefg6zvt0vy25xijfwqhb9rv.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clefg7koh0t5p5xic52zp5zcv.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clefg823m0t615xic8ick3db5.png"><div class="image-overlay"></div></div></div></div>

Sigma Energie propose des solutions de rénovation énergétique pour les particuliers. Le client nous a contacté afin de moderniser son site vitrine ainsi que son image de marque.

Sigma Energie : refonte du site, création d'une charte graphique et d'un logo

Cosmeet

<p>Cosmeet est une application de rencontre unique qui fusionne l'astrologie et la technologie pour créer des connexions significatives entre les utilisateurs. Nous avons eu le privilège de collaborer avec Cosmeet pour développer une plateforme conviviale et intuitive, offrant une expérience de rencontre en ligne enrichissante.</p><p></p><p>L'un des aspects clés de l'application Cosmeet est son algorithme de <em>matching</em> sophistiqué, basé sur la compatibilité des chartes natales. Grâce à cet algorithme intelligent, les utilisateurs peuvent découvrir des profils qui leur correspondent véritablement. Chaque jour, l'application propose quatre profils soigneusement sélectionnés à chaque utilisateur, qui peut choisir de liker ou non ces profils. Si deux utilisateurs s'apprécient mutuellement, une connexion est créée, leur permettant d'engager une conversation et de découvrir s'ils sont vraiment faits l'un pour l'autre.</p><p></p><p>Pour donner vie à cette vision, notre équipe a utilisé un éventail de technologies puissantes. Le back-end de l'application a été développé en utilisant Ruby on Rails, offrant une base solide et fiable pour gérer la logique métier complexe de Cosmeet. Les tests ont été effectués à l'aide de RSpec, garantissant la qualité et la robustesse du code.</p><p></p><p>En ce qui concerne l'application iOS, nous avons choisi de l'implémenter en utilisant SwiftUI, un framework moderne qui facilite la création d'interfaces utilisateur attrayantes et interactives. Le pattern de conception MVVM a été adopté pour assurer une séparation claire entre la logique métier et l'interface utilisateur, améliorant ainsi la maintenabilité de l'application.</p><p></p><p>Parallèlement à l'application mobile, nous avons également réalisé un site vitrine impressionnant qui présente les fonctionnalités clés de l'application, permettant aux visiteurs de découvrir son concept unique et de se pré-inscrire pour vivre leur propre expérience astrologique de rencontre en avant-première.</p><p></p><p>Nous avons choisi Heroku comme hébergeur pour garantir des performances optimales et une disponibilité constante de l'application. La base de données, quant à elle, repose sur PostgreSQL, une solution robuste et évolutive pour la gestion des données.</p><p>L'aspect visuel de Cosmeet a été soigneusement conçu grâce à des maquettes créées sur Figma. Cela a permis de concrétiser les</p><p>idées et d'harmoniser les différents éléments visuels pour offrir une expérience utilisateur cohérente et agréable.</p><p></p><p>Lancé courant 2020, le projet Cosmeet a été une aventure passionnante pour notre équipe. Nous sommes fiers d'avoir contribué à la création d'une application de rencontre basée sur l'astrologie, qui permet aux utilisateurs de trouver des connexions authentiques et significatives.</p><p></p><p>Lien vers la démo produit : <a href="https://www.youtube.com/watch?v=ngdRPHzXbA0" rel="noopener noreferrer nofollow" target="_blank">https://www.youtube.com/watch?v=ngdRPHzXbA0</a></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cliaaweb50zxt64gse9utejzm.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cliabg73l10ki63gcbp35fhym.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cliabfh8q10k963gcbkuk65k5.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cliabfuxc10bl64gsesieeprq.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cliabb8do10ge63gc5dki3zd1.png"><div class="image-overlay"></div></div></div></div>

Cosmeet est une application de rencontre basée sur l'astrologie.
Création d'une application iOS en SwiftUI et d'un site vitrine sur-mesure à partir de maquettes Figma.

Swift

Réalisation d'une application iOS et d'un site vitrine pour Cosmeet

<p>Nous sommes un collectif de freelances fondé en 2022, spécialisé dans la réalisation de sites et d'applications web sur-mesure. Nous conseillons nos clients dans leur stratégie digitale et nous les équipons avec les meilleurs outils.</p><p></p><p>Notre vocation est d’offrir un accompagnement sur-mesure pour chacun de vos projets, de vous proposer les solutions les plus pertinentes pour vos besoins et de devenir le partenaire de votre croissance.</p><video-component src="https://www.youtube.com/embed/JnP1yEAtvjw"></video-component>

Avocat au barreau de Paris

Full Stack Developer Web & Mobile, Expert Webflow

Senior Product Manager,  Intégrateur Webflow

UX / UI Designer

Dotez-vous d’une application web sur-mesure, robuste et scalable dont vous êtes le propriétaire et propulsez votre activité au niveau supérieur.

Développement d'applications web sur-mesure

Permettez à vos clients d’accéder à vos services depuis n’importe où avec une application mobile performante. Disponible sur iOS et Android.

Développement d'applications mobiles sur iOS et Android

Avec un site vitrine, votre activité gagne en exposition en ligne et se démarque de vos concurrents. Esthétiques, performants et adaptés à tous les écrans nous vous proposons des sites sur-mesure.

Réalisation de sites vitrines

Nous réalisons des maquettes interactives pour vos applications et vos sites internet. 

Maquette et prototypage UX/UI

Nous vous proposons nos services de graphisme pour créer votre identité sur-mesure. Logos, charte graphique, assets, déclinaisons sur tous vos supports.

Graphisme

Nous réalisons (i) un audit juridique du site et de son fonctionnement et (ii) rédigeons les documents juridiques adaptés aux besoins de votre secteur (CGV, mentions légales, RGPD).

Vérification par un avocat de la conformité juridique de site

Nous vous proposons nos services d'audit sur vos applications et vos sites à des fins d'amélioration de performance, d'expérience client ou pour augmenter vos conversions.

19 collectifs