Una presencia digital cercana para una consulta profesional.
La web de la Dra. Laura Durán presenta una consulta de odontología y ortodoncia en Bogotá, Colombia. El proyecto organiza la información profesional, los servicios, las imágenes del consultorio y las vías de contacto en un recorrido que puede explorarse desde el computador o el celular.
La propuesta visual combina una base clara con acentos azules, tarjetas de contenido y fotografías protagonistas. El diseño busca dar espacio a los textos y facilitar que el visitante encuentre lo que necesita sin recorrer una página de información indiferenciada.
El reto: explicar los servicios y facilitar el siguiente paso.
Una web profesional necesita presentar con claridad quién atiende, qué servicios se ofrecen y cómo ponerse en contacto. El trabajo de interfaz se centra en esa orientación: navegación por secciones, llamadas a la acción visibles y una organización del contenido que mantiene el contexto del consultorio.
La experiencia desarrollada.
- Portada: presentación de la profesional, imagen principal y accesos a solicitar una cita y consultar servicios.
- Servicios: tarjetas de odontología general, ortodoncia y cirugía oral, con imágenes y contenidos explicativos.
- Recorrido informativo: explicación del proceso de atención y presentación de la consulta.
- Galerías: organización visual del trabajo y los espacios, con fotografías ampliables y secciones diferenciadas.
- Ubicación y contacto: información para visitar el consultorio, enlaces a redes y acceso a WhatsApp.
Contenido visual cuidado en cada pantalla.
La evolución del proyecto incluye ajustes de espaciado, tratamiento de imágenes y encuadres en escritorio y móvil. Las galerías separan escenas de trabajo, recursos informativos y espacios del consultorio para que cada fotografía aporte contexto a la sección donde aparece.
La navegación móvil reduce el encabezado y conserva los accesos principales. Las tarjetas y los bloques de texto se reorganizan para mantener la lectura y el contacto al alcance desde una pantalla pequeña.
Tecnología y estado.
El desarrollo utiliza HTML, CSS y JavaScript, con componentes visuales propios, carruseles y transiciones de entrada. Los accesos de cita conducen al canal de contacto; este caso no los presenta como un sistema de reservas con disponibilidad y confirmación automática.
Estado: sitio público disponible y revisado para este portafolio. Las capturas muestran la web publicada. El caso describe el trabajo de diseño y desarrollo digital, sin atribuir resultados clínicos, cifras de conversión ni métricas de satisfacción no verificadas.