Synkio

Réalisations

Le travail, dans le détail

Chaque projet répond à une contrainte différente : un catalogue qui change toutes les semaines, une vitrine qui doit inspirer confiance, une marque qui doit s'entendre, une fiche produit qui doit lever un doute, une interface qu'on utilise huit heures par jour. Pour chacun, ce que nous avons décidé et pourquoi.

Page d'accueil de la plateforme : photographie de stade en fond, titre « Le point de départ de vos événements sportifs », barre de recherche à cinq critères posée à cheval sur l'image, puis une carte de France et des événements à proximité.
01 / 02
01Plateforme web · Maquette produit complèteProjet livré

Événements sportifs

Une plateforme qui met en relation des organisateurs d'événements sportifs et le public. Deux publics aux besoins opposés sur le même produit : celui qui cherche quelque chose à faire ce week-end, et celui qui doit remplir ses gradins. Nous avons conçu l'ensemble des interfaces — la partie publique comme les espaces qu'on ne voit pas.

  • La recherche à deux vitesses : cinq critères précis dans la barre principale, et des raccourcis « Autour de moi », « Gratuit », « En ligne » pour qui n'a pas d'idée arrêtée.
  • Trois vues des résultats — grille, liste, carte. On ne cherche pas un match près de chez soi comme on cherche une date libre dans son agenda.
  • Une pastille dit ce qu'on vient y faire : « Assister », « Participer », « Découvrir ». Sur un événement sportif, le spectateur et le compétiteur ne cherchent pas la même chose.
  • Chaque carte porte l'organisateur, logo compris, et son prix d'entrée. Sur une plateforme ouverte à tous, c'est ce qui fait la différence entre une annonce et une promesse.
  • Derrière la façade : l'espace organisateur (publication, suivi des statistiques), l'espace participant (favoris, billets, calendrier) et l'administration.
Maquette produitEspace organisateurEspace participantAdministration
Page d'accueil d'une boutique de perruques et tissages : fond rose poudré, logo manuscrit en grand, photographie de quatre femmes aux coiffures différentes, deux boutons « Découvrir les perruques » et « Voir les tissages », et une ligne de réassurance paiement, livraison et retour.
01 / 02
02Boutique en ligne · BeautéProjet livré

Perruques & tissages

Une boutique de perruques et tissages premium, livrée de bout en bout : maquette complète puis développement. La difficulté n'est pas la page d'accueil, elle est dans la fiche produit. Une perruque se choisit par sa finition et sa longueur, ce qui produit une centaine de références pour une dizaine de modèles.

  • Trois types de closure ou frontal croisés avec six à huit longueurs : une centaine de combinaisons à gérer en stock et en prix, sans que l'acheteuse ait l'impression de remplir un formulaire.
  • Les options sont des pastilles cliquables, pas des listes déroulantes. On voit d'un coup d'œil ce qui existe et ce qui est sélectionné — sur un achat à trois cents euros, l'hésitation se joue là.
  • Le paiement en trois fois est calculé et affiché sous le prix, pas relégué au panier. C'est souvent lui qui déclenche la décision.
  • Cinq garanties sous le bouton d'achat — qualité, durabilité, délai, retour, livraison offerte. Sur un produit qu'on ne peut pas essayer, chacune répond à une objection précise.
  • Boutique multilingue et livraison Suisse et Europe, avec les seuils de franchise annoncés en bandeau plutôt qu'en petits caractères.
Maquette FigmaWordPress / WooCommerceFiche produit à variantesMise en ligne
Page d'accueil du site : photographie pleine hauteur d'une voiture sur une route de montagne, logo rond, titre reprenant le nom de l'enseigne et un bouton « Découvrir nos véhicules ».
03Site vitrine + catalogue · Véhicules d'occasionProjet livré

Professionnel de l'automobile

Un professionnel de l'automobile ne vend pas un site, il vend un parc qui change toutes les semaines. Le vrai sujet n'était donc pas la page d'accueil mais le catalogue : permettre à quelqu'un qui cherche un modèle précis de le trouver, et à quelqu'un qui ne sait pas encore de se laisser guider.

  • Sept critères de recherche — marque, énergie, boîte, prix, année, kilométrage, puissance — organisés en blocs plutôt qu'en longue colonne : on repère le sien d'un coup d'œil.
  • Le nombre de résultats est affiché au-dessus de la grille. Sans lui, on ne sait jamais si un filtre a écarté trois voitures ou dix-huit.
  • Sur la fiche, les caractéristiques sont un vrai tableau, pas un paragraphe : kilométrage, mise en circulation, puissance fiscale — exactement ce qu'un acheteur compare entre deux annonces.
  • Le bouton de contact est le seul élément coloré de la page. Il n'y a aucune ambiguïté sur l'action attendue.
MaquetteSite vitrineCatalogue véhiculesMise en ligne
Page d'accueil d'une maison de parures onglaires : écran partagé en deux photographies, une main aux ongles décorés déplaçant une pièce d'échecs à gauche, un écrin ouvert à droite avec la mention « L'éclat du moment, collection été ».
01 / 02
04Site vitrine + boutique · ArtisanatProjet livré

Parures sur mesure

Des parures onglaires faites main, confectionnées aux dimensions de chaque cliente. Une boutique standard ne sait pas vendre ça : il n'y a pas de stock, pas de taille unique, et le prix dépend des mesures. Le site présente donc les créations comme un catalogue, mais conduit vers une demande sur mesure.

  • Le bouton n'annonce pas « Ajouter au panier » mais « Imaginer ma parure ». Promettre un achat immédiat sur une pièce qui se fabrique après commande créerait une déception dès le premier clic.
  • Le prix est annoncé « à partir de », avec la raison écrite juste en dessous : chaque création étant unique, le tarif dépend des mesures et des gemmes. Un prix sans explication passe pour un flou commercial.
  • L'écran partagé en deux photographies à l'arrivée : la parure portée d'un côté, l'écrin de l'autre. On vend un objet et un moment, il fallait montrer les deux.
  • Sérif fin, beige et doré, aucune promotion criarde. Sur de l'artisanat de luxe, la retenue du site fait partie de la promesse.
  • La boutique est prête à ouvrir : le jour où la vente directe démarrera, le catalogue et le tunnel sont déjà en place.
Maquette FigmaWordPress / WooCommerceVente sur mesureMise en ligne
Page d'accueil de la plateforme d'inscription : fond crème, titre « Vos inscriptions — cours, workshops, événements », carte de la soirée de rentrée avec sa date, et trois repères en bas : 31 cours hebdomadaires, 31 créneaux ouverts, 2 salles.
01 / 02
05Plateforme sur mesure · InscriptionsProjet livré

École de danse

Une école de danse avec trente et un cours hebdomadaires sur deux salles, plus des workshops, des stages et des festivals. Les inscriptions se géraient à la main, ce qui devient ingérable au-delà d'une poignée d'élèves. Nous avons conçu une plateforme sur mesure : le côté visible pour s'inscrire, et toute la gestion derrière.

  • Le parcours tient en trois étapes annoncées d'entrée — créer son compte, choisir, valider. Sur une inscription, l'inquiétude n'est pas la difficulté mais l'incertitude : savoir combien d'étapes restent change tout.
  • Les cours en couple demandent un rôle, Leader ou Follower. Il est renseigné une fois à la création du compte, pas à chaque inscription : c'est une propriété de la personne, pas de son panier.
  • Cours annuels, workshops, stages, festivals et événements cohabitent dans le même parcours alors qu'ils n'ont ni la même durée, ni le même tarif, ni la même récurrence.
  • Les chiffres de l'accueil — trente et un cours, trente et un créneaux, deux salles — disent l'ampleur de l'offre avant même d'avoir cliqué.
  • Site bilingue français et anglais, l'école accueillant des danseurs de passage pendant les festivals.
Plateforme sur mesureParcours d'inscriptionGestion des inscriptionsBilingue FR / EN
Page d'accueil de la boutique : vert profond et crème, titre « Vape & CBD sélectionnés avec exigence », quatre flacons d'e-liquide alignés à droite, et une pastille « Boutique indépendante ».
01 / 03
06E-commerce · Produits réglementésMaquette · développement en cours

Boutique vape & CBD

Une boutique de vape et de CBD ne se conçoit pas comme une autre boutique : la réglementation encadre l'accès, l'affichage et la publicité. La maquette a donc été pensée conformité comprise, avant la première ligne de code. Le développement est en cours sous PrestaShop.

  • Une vérification d'âge à l'arrivée, obligatoire sur ce type de commerce. Elle est traitée comme une porte d'entrée soignée, pas comme un avertissement subi.
  • Les filtres du catalogue sont ceux de l'acheteur réel — type, marque, prix, disponibilité, saveur — et non l'arborescence interne de la boutique.
  • Une pastille « Visuel à venir » plutôt qu'un cadre vide. Un catalogue vit, les photographies arrivent en retard : l'interface doit le prévoir au lieu de le subir.
  • La fiche produit annonce le volume, la présence de nicotine et le stock avant le prix. Sur ce marché, ce sont les trois informations qui décident de l'achat.
  • Le retrait en boutique à Lille est rappelé sur la fiche, à côté du paiement et de la livraison : le commerce physique reste le premier point de contact.
Maquette complèteConformité réglementaireParcours d'achatPrestaShop (en cours)
Tableau de bord d'une plateforme de gestion : menu latéral sombre, courbe de chiffre d'affaires, quatre indicateurs chiffrés, liste de projets avec barres de progression, colonne de tâches et d'activité récente.
07Projet de conception · Application web

Pilotage de studio

Un outil de travail, pas une vitrine. La question n'est plus l'impression produite en trois secondes mais ce qu'on trouve en trois secondes, huit heures par jour — et ce qu'on ne veut plus voir au bout d'une semaine.

  • Une seule couleur d'accent, réservée aux données. Tout le reste est en gris pour ne pas entrer en concurrence.
  • Trois zones stables : navigation à gauche, travail au centre, ce qui bouge à droite. Rien ne se déplace d'un écran à l'autre.
  • Les statuts sont écrits en toutes lettres — « En cours », « Livré » — plutôt que codés par une pastille de couleur seule.
Maquette d'interfaceSystème de composantsPrototype
Page d'accueil d'un cabinet d'architecture : titre en serif sur fond clair, photographie pleine hauteur d'une villa avec piscine à débordement, carte de projet en superposition.
08Projet de conception · Site vitrine

Cabinet d'architecture

Un cabinet d'architecture se juge sur ses images avant ses mots. La page laisse donc la photographie occuper la moitié de l'écran, sans cadre ni ombre, et le texte se contente d'une colonne étroite à gauche.

  • Un serif large pour le titre, une sans-serif discrète pour tout le reste : deux polices, une hiérarchie évidente.
  • Les quatre domaines d'intervention sont posés en colonne à droite, lisibles sans clic.
  • Le carrousel est annoncé par un compteur « 01 / 03 » plutôt que par des puces : on sait combien il reste à voir.
Direction artistiqueMaquetteIntégration
Fiche produit d'une crème hydratante : galerie de miniatures verticale, grande photographie du pot, colonne d'achat à droite avec contenance, quantité et bouton d'ajout au panier.
09Projet de conception · E-commerce

Fiche produit cosmétique

Une fiche produit ne se juge pas à sa beauté mais à ce qu'elle lève comme hésitation. Celle-ci met la contenance, la quantité et le prix dans le champ de vision du bouton, et range le reste dans des accordéons.

  • La réassurance — livraison offerte, retours, paiement — est placée juste sous le bouton, là où le doute apparaît.
  • L'écart de prix entre 50 et 100 ml est affiché en pourcentage plutôt qu'en euros : la décision est immédiate.
  • Détails, conseils, ingrédients et livraison sont repliés. La page reste courte, l'information reste disponible.
Maquette e-commerceParcours d'achatIntégration
Page catalogue d'une marque de mobilier : titre « Assises — 28 objets », onglets de catégories, filtres, grille de photographies de chaises et fauteuils avec nom, créateur, année et prix.
10Projet de conception · E-commerce

Catalogue de mobilier

Vingt-huit produits, et le problème n'est plus de séduire mais de laisser trouver. La page annonce le nombre d'objets dans son titre, sépare les catégories des filtres, et laisse les photographies porter tout le reste.

  • Onglets à gauche pour la catégorie, filtres à droite pour les critères : deux gestes différents, deux emplacements différents.
  • Chaque produit porte son créateur et son année, pas seulement son prix — c'est ce qui justifie le tarif.
  • Une grille volontairement irrégulière : certaines photos occupent deux colonnes, ce qui casse l'effet catalogue.
Maquette e-commerceSystème de filtresIntégration

Méthode

Comment chacun de ces projets a été mené

La même façon de faire à chaque fois, quel que soit le type de site.

Comprendre avant de dessiner

Ce que vend l'entreprise, à qui, et ce qui bloque aujourd'hui. Un beau site qui ne répond pas à cette question ne sert à rien.

Concevoir, puis intégrer

Maquette validée avant la moindre ligne de code. Vous voyez le résultat avant qu'il coûte cher à modifier.

Mettre en ligne et suivre

Mise en ligne, mesure, corrections. Un site n'est pas fini le jour où il sort — c'est là qu'il commence.

Vous avez déjà un site et vous vous demandez ce qu'il vaut ? Le diagnostic gratuit vous le dit en quelques minutes.

Discutons de votre projet, sans engagement.

Un premier échange en visio, pour cadrer votre besoin et vous proposer un devis sur mesure.

Réponse sous 24 h — appel découverte offert

Demander un devis
Demander un devis