Saltar al contenido

Salón de belleza · 2026

KABA: Sitio multipágina + reservas

Visitar sitio ↗

01

El encargo

KABA llegó sin sitio web. Todo el salón funcionaba por WhatsApp y por Instagram: las clientas escribían al perfil, preguntaban precios uno por uno, mandaban fotos de referencia por mensaje directo y la hora quedaba confirmada en una conversación que después nadie encontraba. No existía un lugar propio donde ver los servicios, el trabajo real del equipo ni una forma ordenada de pedir hora. El encargo fue construir esa casa digital desde cero: un sitio de autor que se viera como el salón se ve por dentro y que convirtiera la conversación suelta en un proceso claro.

02

El problema

Depender solo de mensajería tiene tres costos que se acumulan. El primero es tiempo: responder los mismos precios y horarios varias veces al día, mientras se está atendiendo a alguien en el sillón. El segundo es pérdida de clientas: quien no recibe respuesta en minutos escribe al siguiente salón, y esa venta no vuelve. El tercero es percepción de marca: un perfil de Instagram con fotos de trabajos no comunica criterio, técnica ni el diagnóstico que KABA hace antes de tocar el cabello. Además, la agenda vivía en la cabeza de la dueña y en notas sueltas, así que los cruces de horario y los olvidos eran cuestión de tiempo.

03

Lo que hicimos

Diseñamos y desarrollamos el sitio en Next.js con dirección de arte propia en crema, tinta y dorado, tipografía editorial y video de apertura, pensado para que la marca se lea premium sin decirlo. La narrativa avanza por secciones: el manifiesto del salón, los servicios con su duración y su lógica de precio, el proceso de diagnóstico paso a paso, la galería de trabajos reales con visor ampliado, la voz de la fundadora y la visita. Sobre eso montamos una agenda real conectada a Supabase: los servicios se cargan desde la base de datos, el sitio calcula los bloques efectivamente disponibles para el servicio y el día elegidos, y la reserva se confirma en el momento con solo nombre y teléfono. Si alguien toma ese bloque mientras la clienta completa sus datos, el sistema lo detecta, lo avisa y recarga los horarios libres en vez de generar una hora duplicada. Al confirmar, la clienta puede avisar por WhatsApp con el mensaje ya redactado. Detrás hay un panel de citas donde el salón ve las horas confirmadas y las canceladas, ordenadas por día y hora en horario de Santiago, y puede cancelar una hora sin escribirle a nadie ni revisar el historial del chat.

04

El resultado

KABA pasó de existir solo dentro de Instagram a tener un sitio propio que trabaja mientras el salón atiende. Los precios y los servicios se explican una sola vez y quedan disponibles 24 horas al día, las horas se toman solas a cualquier hora del día sin que nadie responda un mensaje, y la agenda dejó de vivir en la memoria de la dueña. La marca ahora se presenta con el mismo nivel de cuidado que aplica en el trabajo técnico, y el equipo tiene un lugar donde mirar el día completo antes de abrir.

Stack

Next.js React TypeScript Supabase Vercel

Tiempo de entrega

2 a 3 semanas

Alcance

Sitio multipágina + reservas

Siguiente proyecto — Antonieta →
KABA: sitio web y sistema de reservas | Átomo Studio Saltar al contenido
{{ language.label }}
{{ ctaLabel }}

Santiago, Chile — Desarrollo a medida

Software a medida
que se sostiene solo.

Software, sitios web, apps y soluciones con IA para empresas que necesitan algo hecho a medida y no una plantilla con el logo cambiado.

+5 proyectos en producción · Entrega en 2–4 semanas · Código propio, sin WordPress

El problema

La mayoría de los sitios de PYME en Chile son la misma plantilla con otro color.

Cargan lento, no se pueden editar sin pagar, no aparecen en Google y nadie sabe quién los mantiene. Automatizar un proceso que está mal diseñado solo hace que el error ocurra más rápido.

{{ page.eyebrow }}

{{ page.title }}

{{ page.lede }}

Qué hacemos

Cuatro formas de resolverlo.

{{ s.index }}

{{ s.title }}

{{ s.body }}

Ver más →

Comparación

Dónde está la diferencia.

Concepto
{{ r.c }}
Plantilla genérica
{{ r.aIcon }}
Agencia grande
{{ r.bIcon }}
Átomo Studio

{{ r.c }}

  • Plantilla genérica{{ r.aIcon }}
  • Agencia grande{{ r.bIcon }}
  • Átomo Studio

Trabajo reciente

Cinco proyectos, cinco historias.

Átomo Scan

¿Qué está frenando tu empresa?

Toda empresa crece hasta donde se lo permite su punto más débil. El Átomo Scan lo encuentra: 18 preguntas sobre marketing, ventas, operación, administración, sistemas y marca. Hermes, nuestro analista de IA, lee tus respuestas y te devuelve tu índice de crecimiento, tu cuello de botella y por dónde empezar.

{{ ctaLabel }}

Sin costo. Resultado personalizado al terminar.

{{ p.badge }} {{ p.name }} {{ p.kind }} Ver caso — {{ p.name }}
Visitar sitio ↗ {{ statusBadge }}
Vista general de {{ name }}

01

El encargo

{{ encargo }}

02

El problema

{{ problema }}

03

Lo que hicimos

{{ hicimos }}

Vista interior de {{ name }} Detalle de {{ name }}

04

El resultado

{{ resultado }}

Stack

{{ c.label }}

Tiempo de entrega

{{ tiempo }}

Alcance

{{ alcance }}

Siguiente proyecto — {{ nextName }} →

Cómo funciona

{{ h.n }}

{{ h.t }}

{{ h.b }}

Tu diagnóstico

Son 18 preguntas simples sobre cómo opera tu negocio hoy. Sin tecnicismos y sin números que no tengas a mano. Al final recibes el informe en pantalla y una copia por WhatsApp si quieres.

18 preguntas · 5 minutos · sin vendedores · sin compromiso

Cada diagnóstico queda registrado a nombre de quien lo hace. Tus respuestas son confidenciales.

{{ regError }}

Sin costo. Sin compromiso.

{{ qKicker }}

{{ qText }}

Atajo: usa las teclas {{ qKeysHint }}.

Escríbelo con tus palabras: esto es lo que Hermes lee con más atención.

Hermes está leyendo tus respuestas.

No es un puntaje automático: cruza las seis áreas antes de escribir el informe.

  • {{ s.label }}

Tu cuello de botella

{{ bottleneckName }}

{{ bottleneckHeadline }}

Índice de crecimiento{{ globalScore }}/ 100

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

Informe de Hermes · analista Átomo

{{ reportResumen }}

{{ sec.title }}

{{ sec.body }}

Informe generado con el motor de reglas de Átomo. La versión ampliada de Hermes te llega al conversar por WhatsApp.

Problemas detectados

Las señales que hoy limitan el crecimiento

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

    {{ p.problema }}

Prioridades

Qué resolver primero y por qué

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

    {{ p.razon }}

    Primer paso: {{ p.siguientePaso }}

Solución recomendada

{{ solutionName }}

{{ solutionWhy }}

  • {{ s.label }}

Rango de inversión orientativo

{{ investmentRange }}

{{ investmentNote }}

Próximos pasos

Un plan concreto para avanzar

  1. {{ s.label }}

{{ analysisCount }} respuestas consideradas · motor {{ reportEngine }}

{{ scanErrorMessage }}

Qué haríamos nosotros, en este orden

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

El rango es orientativo. El alcance, el precio y la fecha se confirman por escrito después de revisar el diagnóstico.

La solicitud llega con el diagnóstico ya preparado para no empezar la reunión desde cero.

Las 6 áreas que auditamos

{{ slide.n }}

{{ slide.t }}

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

Ejemplo de informe

Así se ve lo que recibes.

Tu índice de crecimiento, las seis áreas puntuadas, el cuello de botella y el primer paso concreto de esta semana. Sin jerga y sin capturas de herramientas que no vas a leer.

Ver informe de ejemplo

Informe de ejemplo — pendiente de subir

Preguntas

Lo que siempre nos preguntan.

{{ f.a }}

¿Prefieres conversarlo antes?

Escríbenos y te decimos en dos líneas si el scan te sirve o si tu caso necesita otra cosa.

Hablar con el estudio
{{ b.art }}

{{ b.title }}

{{ b.quote }}

Ver servicio →

{{ quote }}

Para quién es

  • {{ p }}

Qué incluye

  • {{ i }}

Cómo lo hacemos

{{ p.n }}

{{ p.t }}

Stack

{{ c.label }}

Rango de inversión

{{ rango }}

Ver todos los precios →

Casos relacionados

Conversemos el proyecto.

Conversemos el proyecto

{{ e.n }}

{{ e.t }}

Tú haces

{{ e.cliente }}

Nosotros hacemos

{{ e.nosotros }}

Duración

{{ e.dur }}

{{ it.c }} {{ it.p }}
Solicitar propuesta

Mantención mensual.

{{ b.n }}

{{ b.title }}

{{ b.body }}

Cómo colaboramos

Tu agencia conserva la relación. Nosotros hacemos que la entrega funcione.

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

    {{ p.body }}

Partnership de desarrollo

¿Tienes un proyecto vendido y necesitas quién lo construya?

Envíame el alcance, la fecha y lo que ya prometiste al cliente. Te respondo con viabilidad, riesgos y una forma concreta de colaborar, con o sin marca blanca.

Retrato de Mario Ovalle, fundador de Átomo Studio
Santiago · ChileCL · FR

Fundador · Desarrollador · Operador

Mario Ovalle

Una sola persona responsable desde la primera conversación hasta la operación.

Cuando algo se cae de madrugada, el teléfono que suena es el mío.

Átomo Studio no es una agencia con capas. Soy yo quien toma el diagnóstico, diseña la experiencia, escribe el código y deja el sistema funcionando. Cuando me contratas, sabes exactamente quién responde: la misma persona desde la primera conversación hasta la operación diaria.

Soy chileno y francés. Hace 14 años llegué a Chile para reconectar con mis raíces y conocer a la familia que aún no conocía. Trabajé como profesor de francés y después en el aeropuerto, rodeado de pasajeros y equipos que todos los días debían adaptarse a sistemas difíciles de entender.

Ahí nació todo. Ver tantas personas perder tiempo por no comprender el sistema me llevó a investigar una solución para los pasajeros: primero información, luego bocetos y finalmente software. Llevo un año construyendo productos, pero llegué a esto con años de experiencia observando cómo las personas trabajan, se comunican y se enfrentan a procesos mal diseñados.

Por eso no empiezo preguntando qué tecnología quieres. Empiezo entendiendo dónde se pierde la persona. Y hay una diferencia que importa más que cualquier stack: no solo entrego software. Lo opero. Todos los días.

Entregar no es lo mismo que operar

La mayoría de los estudios entrega un ZIP y desaparece. El problema aparece tres meses después, cuando nadie sabe dónde vive el servidor.

Un desarrollador que solo entrega toma decisiones que él nunca va a pagar. Elige la arquitectura cómoda de programar, no la barata de mantener. Deja el certificado sin renovar, la base sin respaldo, el log sin rotar — porque para cuando eso explota, ya cobró y ya no está.

Yo tomo esas mismas decisiones sabiendo que las voy a sostener yo. Esa es la diferencia entre un proveedor y un socio técnico, y se nota en el año dos, no en la semana uno.

Lo que tengo corriendo ahora mismo

No es un portafolio de capturas. Es infraestructura viva que yo configuré, monitoreo y reparo. Si sé operar la mía, sé operar la tuya.

5

Trabajos públicos activos

Casos propios y de clientes que hoy se pueden recorrer, probar y verificar.

3

Bases PostgreSQL

Con migraciones versionadas, respaldos y roles separados por aplicación.

24/7

Monitoreo y alertas

Healthchecks locales y avisos por WhatsApp para detectar una caída antes que el cliente.

1

App Android en producción

Con su backend, su panel web y su ciclo de releases, operando en terreno.

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

Cómo trabajo

Ciclos cortos, una demo cada semana y decisiones que quedan escritas donde tú también puedes leerlas. Sin capas de gerencia entre tú y quien escribe el código, porque no hay nadie más en el medio.

El stack

{{ s }}

Lo que no hago

Prefiero decirlo antes de la primera reunión. Si algo de esto es lo que buscas, hay estudios que lo hacen mejor y más barato que yo.

No trabajo sobre WordPress ni constructores

Ni para proyectos nuevos ni para rescatar los existentes. Es una decisión técnica, no un prejuicio.

No cotizo sin diagnóstico

Un precio dado por teléfono es una adivinanza. Primero entiendo el problema, después pongo el número por escrito.

No subcontrato el núcleo del proyecto

La arquitectura y el código que sostiene tu negocio los escribo yo. Es la única forma de responder por ellos después.

Productos propios

Construyo y mantengo herramientas propias para resolver la operación que normalmente queda fuera de una página: coordinar proyectos, mantener contenido, conectar canales y saber qué está pasando.

Geo App

Panel de control para proyectos, agentes, memoria, tareas y automatizaciones. Convierte información dispersa en decisiones y trabajo trazable.

Sitio Control

Aplicación Android, backend y panel web para administrar productos, inventario y operación desde terreno sin depender de planillas sueltas.

Hermes

Puente de agentes para WhatsApp y Telegram, con memoria, reglas por negocio y alertas operativas. Permite conversar con un sistema sin perder el contexto.

Hablas conmigo, no con un ejecutivo.

Cuéntame qué está frenando tu empresa. Si puedo resolverlo, te digo cómo y cuánto. Si no puedo, te digo quién sí.

Gracias. Te respondemos dentro de 24 horas hábiles.

{{ contactErrMsg }}

{{ p }}

En construcción

Esta vista es parte del shell: navegación, motion y tipografía ya están en su lugar. El contenido definitivo entra en la siguiente iteración.

{{ page.path }}