Passer au contenu

Salon de beauté · 2026

KABA: Site multipage + réservations

Visiter le site ↗

01

La mission

KABA est arrivé sans site web. Tout le salon fonctionnait via WhatsApp et Instagram : les clientes écrivaient au profil, demandaient les prix un par un, envoyaient des photos de référence en message direct et le rendez-vous était confirmé dans une conversation que personne ne retrouvait ensuite. Il n’y avait pas d’espace propre pour voir les services, le vrai travail de l’équipe ni une façon ordonnée de prendre rendez-vous. La mission était de construire cette maison digitale de zéro : un site d’auteur qui reflète le salon à l’intérieur et transforme la conversation libre en un processus clair.

02

Le problème

Dépendre uniquement de la messagerie a trois coûts cumulés. Le premier est le temps : répondre aux mêmes prix et horaires plusieurs fois par jour, tout en s’occupant d’une cliente au fauteuil. Le deuxième est la perte de clientes : celle qui ne reçoit pas de réponse en quelques minutes écrit au salon suivant, et cette vente est perdue. Le troisième est la perception de la marque : un profil Instagram avec des photos de travaux ne communique ni critère, ni technique, ni le diagnostic que KABA fait avant de toucher les cheveux. De plus, l’agenda vivait dans la tête de la propriétaire et dans des notes éparses, donc les chevauchements et oublis étaient une question de temps.

03

Ce que nous avons fait

Nous avons conçu et développé le site en Next.js avec une direction artistique propre en crème, encre et doré, typographie éditoriale et vidéo d’ouverture, pensé pour que la marque se lise premium sans le dire. La narration avance par sections : le manifeste du salon, les services avec leur durée et logique de prix, le processus de diagnostic étape par étape, la galerie de travaux réels avec visionneuse agrandie, la voix de la fondatrice et la visite. Sur cela, nous avons monté un agenda réel connecté à Supabase : les services se chargent depuis la base de données, le site calcule les créneaux effectivement disponibles pour le service et le jour choisis, et la réservation se confirme immédiatement avec juste un nom et un téléphone. Si quelqu’un prend ce créneau pendant que la cliente complète ses données, le système le détecte, prévient et recharge les horaires libres au lieu de générer un rendez-vous en double. En confirmant, la cliente peut prévenir par WhatsApp avec le message déjà rédigé. Derrière, un panneau de rendez-vous où le salon voit les heures confirmées et annulées, triées par jour et heure en heure de Santiago, et peut annuler un rendez-vous sans écrire à personne ni vérifier l’historique du chat.

04

Le résultat

KABA est passé d’une existence uniquement sur Instagram à un site propre qui travaille pendant que le salon reçoit. Les prix et services s’expliquent une fois pour toutes et sont disponibles 24h/24, les rendez-vous se prennent seuls à toute heure sans que personne ne réponde à un message, et l’agenda ne vit plus dans la mémoire de la propriétaire. La marque se présente maintenant avec le même soin que celui appliqué au travail technique, et l’équipe a un endroit pour voir la journée complète avant d’ouvrir.

Stack

Next.js React TypeScript Supabase Vercel

Délai de livraison

2 a 3 semanas

Portée

Site multipage + réservations

Projet suivant — Antonieta →
KABA : site web et système de réservation | Átomo Studio Passer au contenu
{{ language.label }}
{{ ctaLabel }}

Santiago, Chili — Développement sur mesure

Logiciel sur mesure
qui se suffit à lui-même.

Logiciels, sites web, applications et solutions IA pour les entreprises qui veulent du sur-mesure, pas un modèle avec juste un logo changé.

+5 projets en production · Livraison en 2–4 semaines · Code propriétaire, sans WordPress

Le problème

La plupart des sites PME au Chili sont le même modèle avec une autre couleur.

Ils chargent lentement, ne peuvent pas être modifiés sans payer, n’apparaissent pas sur Google et personne ne sait qui les maintient. Automatiser un processus mal conçu ne fait qu’accélérer l’erreur.

{{ page.eyebrow }}

{{ page.title }}

{{ page.lede }}

Ce que nous faisons

Quatre façons de le résoudre.

{{ s.index }}

{{ s.title }}

{{ s.body }}

Voir plus →

Comparaison

Où est la différence.

Concept
{{ r.c }}
Modèle générique
{{ r.aIcon }}
Grande agence
{{ r.bIcon }}
Átomo Studio
✓

{{ r.c }}

  • Modèle générique{{ r.aIcon }}
  • Grande agence{{ r.bIcon }}
  • Átomo Studio✓

Travail récent

Cinq projets, cinq histoires.

Átomo Scan

Qu’est-ce qui freine votre entreprise ?

Toute entreprise grandit jusqu’à son maillon faible. Átomo Scan le détecte : 18 questions sur marketing, ventes, opérations, administration, systèmes et marque. Hermes, notre analyste IA, lit vos réponses et vous donne votre indice de croissance, votre goulot d’étranglement et par où commencer.

{{ ctaLabel }}

Gratuit. Résultat personnalisé à la fin.
{{ p.badge }} {{ p.name }} {{ p.kind }} Voir le cas — {{ p.name }}
Visiter le site ↗ {{ statusBadge }}
Vue d'ensemble de {{ name }}

01

La mission

{{ encargo }}

02

Le problème

{{ problema }}

03

Ce que nous avons fait

{{ hicimos }}

Vue intérieure de {{ name }} Détail de {{ name }}

04

Le résultat

{{ resultado }}

Stack

{{ c.label }}

Délai de livraison

{{ tiempo }}

Portée

{{ alcance }}

Projet suivant — {{ nextName }} →

Comment ça marche

{{ h.n }}

{{ h.t }}

{{ h.b }}

Votre diagnostic

18 questions simples sur le fonctionnement actuel de votre entreprise. Sans jargon ni chiffres compliqués. À la fin, vous recevez le rapport à l’écran et une copie par WhatsApp si vous le souhaitez.

18 questions · 5 minutes · sans commerciaux · sans engagement

Chaque diagnostic est enregistré au nom de son auteur. Vos réponses restent confidentielles.

{{ regError }}
Gratuit. Sans engagement.

{{ qKicker }}

{{ qText }}

Raccourci : utilisez les touches {{ qKeysHint }}.
Exprimez-le avec vos mots : c’est ce que Hermes lit avec le plus d’attention.

Hermes analyse vos réponses.

Ce n’est pas un score automatique : il croise les six domaines avant de rédiger le rapport.

  • {{ s.label }}
    •

Votre goulot d’étranglement

{{ bottleneckName }}

{{ bottleneckHeadline }}

Indice de croissance{{ globalScore }}/ 100

  • {{ a.name }} {{ a.tag }}

Rapport de Hermes · analyste Átomo

{{ reportResumen }}

{{ sec.title }}

{{ sec.body }}

Rapport généré par le moteur de règles d’Átomo. La version complète de Hermes vous est envoyée via WhatsApp.

Problèmes détectés

Les signaux qui limitent aujourd’hui la croissance

  • {{ p.area }}{{ p.score }}/100

    {{ p.problema }}

    •

Priorités

Ce qu’il faut résoudre en priorité et pourquoi

  1. {{ p.orden }}
    {{ p.titulo }}

    {{ p.razon }}

    Première étape : {{ p.siguientePaso }}

    2.

Solution recommandée

{{ solutionName }}

{{ solutionWhy }}

  • {{ s.label }}

Fourchette d’investissement indicative

{{ investmentRange }}

{{ investmentNote }}

Prochaines étapes

Un plan concret pour avancer

  1. ✓{{ s.label }}

{{ analysisCount }} réponses prises en compte · moteur {{ reportEngine }}

{{ scanErrorMessage }}

Ce que nous ferions, dans cet ordre

  • {{ r.name }} — {{ r.why }}
    •

La fourchette est indicative. Portée, prix et délais sont confirmés par écrit après examen du diagnostic.

La demande arrive avec le diagnostic prêt, pour ne pas commencer la réunion à zéro.

Les 6 domaines que nous auditons

{{ slide.n }}

{{ slide.t }}

  • {{ b }}
    •
{{ counter }} {{ slide.t }}

Exemple de rapport

Voici à quoi ressemble ce que vous recevez.

Votre indice de croissance, les six domaines notés, le goulot d’étranglement et la première action concrète de la semaine. Sans jargon ni captures d’outils inutiles.

Voir un rapport exemple

Rapport exemple — en attente de mise en ligne

Questions

Ce qu’on nous demande toujours.

{{ f.a }}

Vous préférez en parler avant ?

Écrivez-nous, on vous dira en deux lignes si le scan vous convient ou si votre cas nécessite autre chose.

Parler avec le studio
{{ b.art }}

{{ b.title }}

{{ b.quote }}

Voir le service →

{{ quote }}

Pour qui c’est

  • {{ p }}
    •

Ce que ça inclut

  • {{ i }}
    •

Comment nous procédons

{{ p.n }}

{{ p.t }}

Stack

{{ c.label }}

Fourchette d’investissement

{{ rango }}

Voir tous les tarifs →

Cas liés

Discutons du projet.

Discutons du projet

{{ e.n }}

{{ e.t }}

Vous faites

{{ e.cliente }}

Nous réalisons

{{ e.nosotros }}

Durée

{{ e.dur }}
{{ it.c }} {{ it.p }}
Demander une proposition

Maintenance mensuelle.
{{ b.n }}

{{ b.title }}

{{ b.body }}

Comment nous collaborons

Votre agence garde la relation. Nous assurons la livraison.

  1. {{ p.n }}
    {{ p.title }}

    {{ p.body }}

Partenariat de développement

Vous avez un projet vendu et besoin de quelqu’un pour le réaliser ?

Envoyez-moi la portée, la date et ce que vous avez promis au client. Je vous réponds avec faisabilité, risques et une proposition concrète de collaboration, avec ou sans marque blanche.
Portrait de Mario Ovalle, fondateur d’Átomo Studio
Santiago · ChiliCL · FR

Fondateur · Développeur · Opérateur

Mario Ovalle

Une seule personne responsable de la première conversation à l’opération.

Quand quelque chose tombe en pleine nuit, c’est mon téléphone qui sonne.

Átomo Studio n’est pas une agence à plusieurs niveaux. C’est moi qui prends le diagnostic, conçois l’expérience, écris le code et laisse le système opérationnel. Quand vous me choisissez, vous savez exactement qui répond : la même personne du début à la fin.

Je suis chilien et français. Il y a 14 ans, je suis arrivé au Chili pour renouer avec mes racines et rencontrer la famille que je ne connaissais pas encore. J’ai travaillé comme professeur de français puis à l’aéroport, entouré de passagers et d’équipes qui devaient chaque jour s’adapter à des systèmes complexes.

C’est là que tout a commencé. Voir tant de personnes perdre du temps faute de comprendre le système m’a poussé à chercher une solution pour les passagers : d’abord de l’information, puis des maquettes, enfin du logiciel. Je construis des produits depuis un an, mais j’y suis arrivé après des années à observer comment les gens travaillent, communiquent et affrontent des processus mal conçus.

C’est pourquoi je ne commence pas par demander quelle technologie vous voulez. Je commence par comprendre où la personne se perd. Et il y a une différence plus importante que n’importe quelle stack : je ne livre pas seulement du logiciel. Je l’opère. Tous les jours.

Livrer n’est pas opérer

La plupart des studios livrent un ZIP et disparaissent. Le problème survient trois mois plus tard, quand personne ne sait où est le serveur.

Un développeur qui ne fait que livrer prend des décisions qu’il ne paiera jamais. Il choisit l’architecture facile à coder, pas celle facile à maintenir. Il laisse le certificat expiré, la base sans sauvegarde, les logs sans rotation — car quand ça explose, il a déjà été payé et n’est plus là.

Moi, je prends ces décisions en sachant que c’est moi qui les maintiendrai. C’est la différence entre un fournisseur et un partenaire technique, et ça se voit à la deuxième année, pas à la première semaine.

Ce que j’ai en fonctionnement en ce moment

Ce n’est pas un portfolio de captures d’écran. C’est une infrastructure vivante que je configure, surveille et répare. Si je sais opérer la mienne, je sais opérer la vôtre.

5

Travaux publics actifs

Cas propres et clients que vous pouvez visiter, tester et vérifier aujourd’hui.

3

Bases PostgreSQL

Avec migrations versionnées, sauvegardes et rôles séparés par application.

24/7

Surveillance et alertes

Contrôles locaux et alertes WhatsApp pour détecter une panne avant le client.

1

Application Android en production

Avec son backend, son panneau web et son cycle de releases, opérationnelle sur le terrain.

Vercel · Cloudflare Tunnel · Docker · Nginx · PostgreSQL · Redis · Supabase · WhatsApp

Comment je travaille

Cycles courts, une démo chaque semaine et des décisions écrites que vous pouvez aussi consulter. Pas d’intermédiaires entre vous et le codeur, car il n’y a personne d’autre.

La stack

{{ s }}

Ce que je ne fais pas

Je préfère le dire avant la première réunion. Si vous cherchez ça, il y a des studios qui le font mieux et moins cher que moi.

Je ne travaille pas sur WordPress ni sur des constructeurs

Ni pour des projets neufs ni pour sauver des existants. C’est un choix technique, pas un préjugé.

Je ne fais pas de devis sans diagnostic

Un prix donné par téléphone est une devinette. D’abord je comprends le problème, ensuite je donne un chiffre écrit.

Je ne sous-traite pas le cœur du projet

L’architecture et le code qui soutiennent votre business, c’est moi qui les écris. C’est la seule façon d’en être responsable ensuite.

Produits propriétaires

Je construis et maintiens des outils propres pour gérer l’opération souvent hors site : coordonner projets, maintenir contenu, connecter canaux et savoir ce qui se passe.

Geo App

Tableau de bord pour projets, agents, mémoire, tâches et automatisations. Transforme l’information dispersée en décisions et travail traçable.

Sitio Control

Application Android, backend et panneau web pour gérer produits, inventaire et opérations terrain sans dépendre de feuilles de calcul.

Hermes

Passerelle d’agents pour WhatsApp et Telegram, avec mémoire, règles métier et alertes opérationnelles. Permet de converser avec un système sans perdre le contexte.

Vous parlez avec moi, pas avec un commercial.

Dites-moi ce qui freine votre entreprise. Si je peux le résoudre, je vous dis comment et combien. Sinon, je vous indique qui peut.

Merci. Nous vous répondons sous 24 heures ouvrées.

{{ contactErrMsg }}

{{ p }}

En construction

Cette vue fait partie du shell : navigation, animations et typographie sont en place. Le contenu final arrive à la prochaine itération.

{{ page.path }}