Brokn
Valoriser des pierres cassées à travers une identité et un site web conçus pour le secteur du luxe et de la haute joaillerie
- Nom du projet
- Brokn
- Client
- BKN Jewelry
- Offre
- Développement web sur mesure
Créer une identité de marque forte pour pouvoir mettre en avant les produits de cette startup de haute-joaillerie
L'idée
Lorsque Laure, la fondatrice de Brokn, nous a contacté en Janvier 2023, nous avons été emballés par son concept : créer des bagues de haute joaillerie avec des pierres cassées !
Cela faisait déjà 1 an qu’elle travaillait sur son projet et nous a présenté ses croquis, ses pierres et son prototype.
Sa demande était ambitieuse : avoir un support pour présenter son savoir-faire, et s’adresser au marché des particuliers mais également des industriels. Le tout avec une expérience utilisateur à la hauteur de ses bagues, une interface minimaliste, qui en jette.
La réalisation
Aujourd’hui, ce site web représente la vitrine des bagues Brokn et de la société BKN Jewelery, pour mettre en avant des produits avec minimalisme, esthétisme et modernité.
Pour pouvoir créer un tel produit, nous l’avons découpé en 4 phases principales :
Pour pouvoir créer un tel produit, nous l’avons découpé en 4 phases principales :
1/3 Cadrage fonctionnel et création de maquettes UX/UI
Cadrage fonctionnel : à partir de sa demande, nos équipes ont travaillé pour découper le projet en fonctionnalités (dites “user stories”) sur un outil dénommé Trello. A la fin de cette étape, Laure avait en sa possession une description fonctionnelle et technique de son site.
Maquettes Mid-Fidelity : grâce à des séances de travail, nous avons réalisé des wireframes. En bref, c’est l’étape où les équipes de design étudient le comportement des utilisateurs (UX), de sa cible et réalisent “les plans de la maison”.
Maquettes High-Fidelity : une fois les wireframes finalisés, nous nous attaquons au “coup de peinture”. Les équipes de Brokn nous avaient fourni une charte graphique, ce qui nous a permis de gagner du temps. Grâce à Figma, nous avons créé des prototypes interactifs de la plateforme pour pouvoir avoir une idée du rendu visuel final.
Maquettes Mid-Fidelity : grâce à des séances de travail, nous avons réalisé des wireframes. En bref, c’est l’étape où les équipes de design étudient le comportement des utilisateurs (UX), de sa cible et réalisent “les plans de la maison”.
Maquettes High-Fidelity : une fois les wireframes finalisés, nous nous attaquons au “coup de peinture”. Les équipes de Brokn nous avaient fourni une charte graphique, ce qui nous a permis de gagner du temps. Grâce à Figma, nous avons créé des prototypes interactifs de la plateforme pour pouvoir avoir une idée du rendu visuel final.
2/3 Développement web et mise en place des serveurs
Une fois la première étape terminée, les développeurs Kinoba ont pu se mettre au travail.
Grâce à une méthodologie Agile et par itérations, nous avons pu livrer des fonctionnalités de manière successive à la client pour avoir son site vitrine en ligne le plus rapidement possible.
Grâce à une méthodologie Agile et par itérations, nous avons pu livrer des fonctionnalités de manière successive à la client pour avoir son site vitrine en ligne le plus rapidement possible.
3/3 Maintenance
Dès que le site a été mis en ligne, nous avons pu procéder à des corrections mineures et des petites améliorations. Ainsi, le site web de Brokn reste à jour au fil du temps.
La solution
Le site web imaginé a été conçu pour fonctionner sur mobile, tablette et desktop, et proposer une expérience unique au visiteur.
Le site comporte plusieurs pages :
- La présentation de la philosophie Brokn
- Des pages pour présenter les diverses gammes, à destination du B2C
- Une page dédiée aux professionnels industriels
Grâce à son bouton de contact disponible à tout instant sur le site, les utilisateurs peuvent contacter par email ou par téléphone les équipes Brokn pour toutes leurs demandes.
Le site est conçu en plusieurs langues et est optimisé d’un point de vue référencement et SEO. Une attention particulière a été mise sur les animations, pour rendre l’expérience de navigation agréable.
La contrainte principale pour ce site était de proposer une expérience de navigation fluide aux utilisateurs, tout en conservant des images pour présenter les bagues qui soient de haute qualité. Ainsi, nous avons travaillé avec précision sur les performances de chargement de tous les éléments du site (compression des images, tailles adaptées au périphérique, lazy loading, …).
Ce qu'en disent nos clients
Laure Monge, Fondatrice @Brokn
L’équipe Kinoba est très professionnelle. Ils ont su accompagner le projet Brokn avec un site magnifique. www.brokn.ch
