Landing · negocio propio · sin publicar
Una landing donde el dueño sube sus fotos sin tocar código: Estudio Dental Inova
Nuestro laboratorio de prótesis dentales necesitaba una página completa antes de tener fotos reales. Ocho secciones, galería de tres modos y un componente propio para colocar cada foto con un clic. Sin publicar todavía.
- Cliente
- Estudio Dental Inova (negocio propio de riel)
- Industria
- Laboratorio dental · prótesis para consultorios (B2B)
Negocio propio: sistema que construimos para nuestra propia operación
El problema
Un laboratorio dental se vende con fotos: el trabajo terminado, el antes y después, el equipo. Cuando se construye la página, esas fotos todavía no existen o no están seleccionadas.
- Las dos salidas habituales son malas: publicar con fotos de banco (se notan y en este sector restan credibilidad) o dejar la página sin terminar hasta que lleguen las fotos, y que nunca lleguen.
- Se necesitaba una página completa desde el primer día, con cada hueco de imagen listo para recibir la foto real sin que nadie edite HTML.
Antes
- No había landing.
Qué construimos
| Fase | Qué quedó funcionando |
|---|---|
| Galería con tres modos | Deslizador de antes y después, mosaico con acercamiento y carrusel con visor a pantalla completa, que el visitante cambia sin recargar. |
| Componente image-slot | Cada hueco de imagen es un elemento propio. Se llena con un clic y eligiendo el archivo, arrastrando la foto sobre el hueco, o escribiendo la ruta en el código. Las dos primeras no requieren tocar código: sirven para ver la página con fotos reales antes de decidir. |
| Cero dependencias y cero compilación | La página se abre desde el archivo o desde cualquier servidor estático. No hay nada que instalar ni actualizar. |
| Lo que no se publica tal como está | Los contadores del hero, las estadísticas y los testimonios del carrusel son texto de plantilla. Antes de publicar se sustituyen por datos reales del laboratorio o se quitan. |
Capturas
Cómo se desarrolló
- 01
Sistema de diseño en el CSS
Variables de color, tipografía y espaciado antes de las secciones.
- 02
Componente de imagen antes que contenido
Se construyó image-slot primero, para que todas las secciones lo usaran desde el inicio y ninguna foto quedara escrita a mano.
- 03
Galería con los tres modos
Sobre los mismos huecos, para que las fotos se coloquen una vez y sirvan en los tres.
Tecnología
HTML, CSS y JavaScript sin framework; un elemento personalizado (image-slot.js) para los huecos de imagen; tipografías desde Google Fonts. Sin dependencias, sin compilación, sin servidor.
Cifras verificadas
- Secciones
- 8
- Modos de galería
- 3
- Dependencias
- 0
- Pasos de compilación
- 0
- Estado
- Sin publicar
Métricas de negocio: ninguna, y no las habrá hasta que la landing se publique. Los contadores del hero de la plantilla no se citan.
Qué cambió
Página completa antes de tener fotos
Con cada hueco visible y listo.
El dueño ve la página con sus fotos sin llamar a un desarrollador
Con un clic o arrastrando el archivo.
El trabajo se muestra de tres formas
Antes y después, mosaico y carrusel, con las mismas fotos.
Publicable en cualquier hosting estático
Sin instalar nada, cuando se decida publicar.
¿Tu negocio se vende con fotos y todavía no las tienes?
Una página que se construye completa hoy y recibe las fotos cuando lleguen, sin volver a pagar por ponerlas.