Necesidad
La información útil estaba repartida entre registro sanitario, ubicación, accesibilidad, teléfono y presencia social. La oportunidad era reunirla sin caer en el lenguaje visual intercambiable de muchas webs clínicas.
Lucas EscuínAlamar
Una experiencia editorial y cercana que convierte la información esencial de una consulta podológica en un recorrido fácil de entender y accionar.
portfolio.local/demos/lucas-escuin
- Narrativa personal
- Retícula editorial
- Contacto directo
- Responsive accesible
- Sector
- Podología
- Contribución
- Dirección visual · UX/UI · Front-end
01
El reto comercial
La cercanía también se diseña con jerarquía.
Objetivo
Presentar al profesional, explicar cómo transcurre la atención y llevar a reserva, ubicación o contacto con una jerarquía serena y directa.
Respuesta diseñada
Definí la arquitectura de una página, la dirección visual, la retícula editorial, el sistema responsive, las microinteracciones y la navegación por anclas.
Construido con
HTML5CSS3JavaScriptLenisIntersectionObserverResponsive UI
Validado con
Playwright QA1440 / 390 px
02
Evidencia de interfaz
La solución en pantalla
01
Un nombre propio antes que un directorio
La portada prioriza profesional, especialidad y llamada a la acción. La composición asimétrica aporta personalidad sin restar claridad clínica.
- Jerarquía visible en un vistazo
- CTA telefónica inmediata
- Fotografía integrada como evidencia de lugar
02
Tres momentos para explicar la atención
El proceso se divide en etapas cortas para sustituir el listado clínico por una secuencia comprensible y adaptable a móvil.
- Lectura secuencial
- Controles y enlaces grandes
- Orden estable entre viewports
03
Recorrido comercial
De la presentación personal a una reserva directa.
- 01
Presentar
Nombre, especialidad y propuesta abren el recorrido.
- 02
Explicar
El proceso de atención reduce incertidumbre.
- 03
Ubicar
Dirección y accesibilidad preparan la visita.
- 04
Contactar
Teléfono, Maps e Instagram quedan a un paso.
Capacidades demostradas
Una identidad clínica cálida, reconocible y fácil de recorrer.
La combinación de retícula, tipografía y acciones directas demuestra dirección de arte, arquitectura de contenido y ejecución responsive en una sola página.
Comentar un proyecto04
Construcción verificable
La ingeniería queda disponible, sin frenar el relato.
Solución
Una arquitectura lineal reúne profesional, proceso, visita y contacto.
Solución
Se reutiliza con encuadres y escalas distintos, sin simular una galería inexistente.
Solución
La retícula se convierte en secuencia vertical manteniendo títulos, sellos y CTA.
Funciones construidas
Interacciones con una función concreta.
- Cabecera flotante
- Navegación por anclas
- Scroll Lenis local
- Reveals con IntersectionObserver
- CTA telefónica
- Enlaces a Maps e Instagram
05
Calidad de implementación
Una presencia compacta con información práctica y carácter propio.
Responsive
La postal editorial se recompone en una columna y conserva prioridad de contacto a 390 px.
Accesibilidad
HTML semántico, foco visible, enlaces descriptivos y movimiento progresivo sin bloquear el contenido.
Rendimiento
HTML, CSS y JavaScript directos, con una huella de ejecución pequeña y recursos acotados.
Entregado
- Portada y recorrido de una página
- Proceso de atención en tres etapas
- Bloque de visita y accesibilidad
- Contacto telefónico y enlaces externos
¿Tu oferta también necesita claridad?
Diseñemos una web que ayude a entender, confiar y actuar.
Cuéntame qué vende el negocio, qué contenido existe y dónde se atasca hoy la decisión. Definiremos el alcance antes de presupuestar.
Solicitar presupuesto