En ENITHGMA SAS desarrollamos la nueva experiencia digital de Bogotá Recovery House, un proyecto en el que el reto no consistía simplemente en construir una página web atractiva, sino en transformar una propuesta de acompañamiento postoperatorio en una experiencia digital clara, humana y diferenciadora.
El resultado puede visitarse en bogotarecoveryhouse.com.
Bogotá Recovery House acompaña a pacientes nacionales e internacionales durante diferentes procesos de recuperación, por lo que desde el comienzo entendimos que el sitio debía transmitir algo más que información. Tenía que generar confianza, serenidad y cercanía desde los primeros segundos de navegación, al mismo tiempo que explicaba los servicios de forma organizada y facilitaba el contacto con el equipo.
El reto: comunicar cuidado sin parecer una página médica tradicional
Uno de los principales desafíos fue alejarnos de la estética convencional de los sitios relacionados con salud y recuperación.
No queríamos construir una página fría, saturada de fotografías clínicas, íconos médicos o grandes bloques de texto.
La identidad de Bogotá Recovery House necesitaba sentirse más cercana al mundo del bienestar, la hospitalidad y el acompañamiento personalizado, conservando al mismo tiempo la claridad y seriedad que requiere un servicio relacionado con procesos postoperatorios.
Por eso planteamos una experiencia basada en cuatro conceptos:
Confianza, claridad, acompañamiento y bienestar.
A partir de allí construimos toda la dirección visual y la experiencia de navegación.
Una landing page diferente desde el primer momento
El sitio fue concebido como una gran experiencia de navegación en una sola página.
En lugar de utilizar la estructura tradicional de menú superior y secciones independientes, desarrollamos en escritorio una navegación lateral numerada, desde donde el visitante puede recorrer las diferentes áreas del sitio.
La interfaz funciona como una secuencia editorial:
01 Inicio
02 Pacientes y familias
03 Nuestras líneas
04 El programa
05 Cómo te cuidamos
06 Planes y espacios
07 Monitoreo
08 Cuidado extrahospitalario
09 Adriana y su libro
10 Escuela EBHA
11 Preguntas
12 Contacto
Esto nos permitió convertir el recorrido del visitante en una narrativa y no simplemente en una colección de bloques independientes.
Video como elemento principal de la experiencia
Uno de los recursos visuales más importantes del proyecto fue la utilización de video como fondo de diferentes escenas del sitio.
Los videos no fueron tratados como elementos aislados dentro de tarjetas, sino como parte de la propia interfaz.
Esto permite que la página tenga movimiento constante y transmita una sensación mucho más inmersiva.
Para garantizar la correcta lectura del contenido trabajamos con:
- overlays y gradientes;
- control de contraste;
- reproducción silenciosa;
- reproducción automática compatible con dispositivos móviles;
- carga optimizada;
- comportamiento responsive;
- transiciones suaves entre escenas.
El objetivo era obtener una experiencia cinematográfica sin comprometer la velocidad ni la facilidad de navegación.
Una interfaz editorial y minimalista
La identidad visual combina principalmente:
turquesa, blanco y negro, siguiendo la imagen de Bogotá Recovery House.
Los títulos de gran formato son una de las características principales del diseño.
Desde el hero encontramos el mensaje:
“Tu cirugía termina. Tu recuperación apenas comienza.”
El uso de grandes espacios, tipografía limpia, fotografías y video permite comunicar los mensajes con mucha mayor fuerza sin sobrecargar la pantalla.
En escritorio, el menú utiliza una superficie clara y translúcida que permite percibir ligeramente el contenido que se encuentra detrás, logrando un efecto similar a un vidrio esmerilado.
Esto también permitió integrar mejor el logo de Bogotá Recovery House dentro de la interfaz.
Diseño pensado realmente para dispositivos móviles
Una parte importante del tráfico de Bogotá Recovery House puede llegar desde canales como Instagram, WhatsApp, recomendaciones y campañas digitales.
Por esa razón, la experiencia móvil no podía ser simplemente una reducción del diseño de escritorio.
Desarrollamos una composición específica para pantallas pequeñas, reorganizando:
- títulos;
- imágenes;
- videos;
- navegación;
- planes;
- llamados a la acción;
- galerías;
- formulario;
- contacto por WhatsApp.
El resultado conserva el concepto visual del sitio incluso en teléfonos móviles.
Por ejemplo, la sección de espacios permite navegar entre alternativas como Suite, Nova, Luxor y Splendor, manteniendo las imágenes y la información accesibles sin saturar la pantalla.
Contenido pensado para pacientes y también para sus familias
Durante el desarrollo entendimos que quien visita el sitio no siempre es la persona que tendrá el procedimiento.
En muchos casos son familiares o acompañantes quienes buscan información para conocer cómo será el proceso de recuperación.
Por eso trabajamos el lenguaje para hablar tanto con la paciente como con quienes la acompañan.
La página explica aspectos relacionados con:
- alojamiento;
- acompañamiento;
- alimentación;
- movilidad progresiva;
- bienestar;
- logística;
- monitoreo;
- diferentes modalidades de recuperación;
- preparación previa;
- continuidad del proceso.
También prestamos especial atención a evitar afirmaciones médicas absolutas o promesas que pudieran generar expectativas incorrectas.
Presentación del programa de recuperación
Uno de los elementos centrales del proyecto fue estructurar visualmente el concepto de acompañamiento de Bogotá Recovery House.
El programa se presenta como un proceso compuesto por distintas etapas, desde la preparación previa hasta la recuperación y el sostenimiento posterior.
La interfaz ayuda al usuario a comprender que el servicio va más allá de ofrecer alojamiento.
El objetivo es explicar de una manera sencilla cómo diferentes elementos —como bienestar emocional, alimentación, movilidad y organización— pueden formar parte de una experiencia de recuperación estructurada.
Espacios y planes presentados de manera visual
Para una persona que viajará a Bogotá para un procedimiento, conocer el lugar donde permanecerá es especialmente importante.
Por eso desarrollamos una sección visual para mostrar las alternativas disponibles y facilitar su comparación.
En lugar de una tabla tradicional, diseñamos un sistema de navegación entre los diferentes planes, acompañado de fotografías reales de los espacios.
Esto ayuda a que la visitante pueda imaginar mejor su experiencia antes de ponerse en contacto con el equipo.
Tecnología al servicio del cuidado
Otro de los diferenciales que debíamos comunicar era el uso de información y herramientas de monitoreo.
Diseñamos esta sección con un lenguaje visual ligeramente más tecnológico, pero sin convertir el sitio en una interfaz clínica.
La intención fue representar el concepto de:
cuidado humano apoyado por datos.
La información se presenta de manera prudente y contextualizada, dejando claro que cualquier seguimiento realizado dentro de la experiencia no sustituye la valoración ni las indicaciones del equipo médico tratante.
La historia detrás de Bogotá Recovery House
También desarrollamos un espacio dedicado a Adriana Riaño, directora de Bogotá Recovery House.
La sección combina fotografía, trayectoria, metodología y su faceta como autora.
Su libro, “Programa Integral para la Cirugía Plástica – Enfoque Holístico”, forma parte del contenido que permite explicar el origen y la visión detrás del proyecto.
Desde el diseño buscábamos evitar una biografía convencional y construir un bloque editorial donde la persona detrás de la marca tuviera protagonismo.
WhatsApp como canal de conversión
En un proyecto de estas características, reducir la distancia entre información y conversación es fundamental.
Por eso integramos un sistema de contacto directo por WhatsApp, adaptado a la identidad del sitio.
El usuario puede iniciar una conversación desde diferentes puntos de la página sin perder el contexto de lo que estaba consultando.
Los llamados a la acción también fueron redactados de forma más específica.
En lugar de utilizar únicamente botones genéricos como “Contáctanos”, encontramos acciones como:
Evaluar mi recuperación
Consultar por un familiar
Conocer los planes
Hablar con el equipo
Esto permite que cada CTA responda al momento particular del recorrido del usuario.
Formularios conectados con infraestructura AWS
La página también incorpora un formulario de contacto estructurado para recibir información relevante sobre la solicitud de cada visitante.
La información puede ser procesada mediante infraestructura de Amazon Web Services, permitiendo conectar el sitio con servicios de backend sin necesidad de convertir la landing en una aplicación pesada.
La arquitectura se diseñó pensando en mantener una experiencia rápida, segura y escalable.
SEO y preparación para buscadores tradicionales e inteligencia artificial
El desarrollo no se limitó a la parte visual.
También trabajamos elementos de SEO técnico y estructura semántica, incluyendo:
- títulos y descripciones optimizados;
- jerarquía correcta de encabezados;
- Open Graph;
- sitemap;
- robots.txt;
- datos estructurados;
- contenido semántico;
- preguntas frecuentes;
- estructura preparada para motores de respuesta y herramientas de inteligencia artificial.
El objetivo es que el sitio pueda ser comprendido correctamente tanto por buscadores tradicionales como por nuevas plataformas que utilizan modelos de lenguaje para responder preguntas.
Rendimiento y experiencia de usuario
Crear una página rica en videos, fotografías y animaciones implica un reto adicional: mantener el rendimiento.
Por eso trabajamos en aspectos como:
- carga diferida de recursos;
- optimización de fotografías;
- control de videos;
- animaciones eficientes;
- adaptación a prefers-reduced-motion;
- prevención de desplazamientos inesperados de contenido;
- componentes responsive;
- reducción de JavaScript innecesario.
El diseño debía ser visualmente diferente, pero nunca a costa de la usabilidad.
El resultado
El nuevo sitio de Bogotá Recovery House combina diseño editorial, video, fotografía, interacción, contenido estratégico y tecnología para construir una experiencia digital coherente con la esencia de la marca.
Más que mostrar información, buscamos que el sitio acompañe al visitante desde la incertidumbre inicial hasta una acción concreta: conversar con el equipo y comenzar a organizar su proceso.
Puedes conocer el proyecto completo en:
https://bogotarecoveryhouse.com/
¿Tu empresa necesita una experiencia digital diferente?
En ENITHGMA SAS desarrollamos sitios web y soluciones digitales pensadas alrededor de los objetivos reales de cada negocio.
No trabajamos únicamente en cómo se ve una página.
Trabajamos en cómo comunica, funciona, convierte y representa a la empresa detrás de ella.
Si tienes una empresa, una nueva marca o un proyecto que necesita una presencia digital profesional, podemos ayudarte a construirla.
ENITHGMA SAS
Web | ERP | Design
