CodeRoasters S.A.

Propuesta · Septiembre 2026

Un sitio a la altura del cuidado de CEMER.

En lugar de enviar un PDF, esta propuesta vive dentro del mismo sitio. Aquí pueden recorrer las tres versiones que ya construimos, conocer nuestro proceso y ver la inversión.

3

versiones listas

Preparado para

CEMER · Clínica Bendaña, San Pedro Sula

Preparado por

CodeRoasters S.A. · RTN 05019018984750

Lo que ven aquí no es una maqueta: son páginas reales, publicadas y funcionando. Para lanzar solo faltan dos cosas, y ninguna es de diseño.

  • Tres versiones completas, publicadas y navegables
  • Contenido en español e inglés
  • Animación educativa de FIV hecha a mano
  • SEO, metadatos e imagen para compartir
  • Diseño probado en teléfono, tablet y escritorio
  • Botones de WhatsApp, llamada y mapa funcionando

1. El dominio cemerhn.com

Hoy el dominio lo administra la empresa que maneja el sitio actual. Una vez aceptada la propuesta, coordinamos que pase a nuestra administración para publicar el sitio nuevo en cemerhn.com, con HTTPS.

2. Fotos nuevas y actualizadas

Es opcional, pero muy recomendable. El diseño ya usa fotografía real de CEMER, aunque muchas imágenes vienen del sitio anterior. Una sesión nueva del equipo, el laboratorio y las instalaciones le daría al sitio un realce enorme, y se integra sin rehacer nada.

Comparten el mismo contenido, la animación educativa de FIV y todas las funciones. Cambian la personalidad visual y el orden de la historia. Pueden elegir una o combinar lo que más les guste de cada una.

cemerhn.site/v1/

Versión 1. Clásica: institucional y cálida

El azul noche de CEMER como protagonista, con fotografía real del equipo y un recorrido claro de los tratamientos. Es la opción más cercana a la identidad actual de la clínica.

  • Hero en azul noche con foto de nacimiento y ultrasonido
  • Tipografía Bricolage Grotesque, con carácter y muy legible
  • Recorrido de tratamientos con tarjetas que aparecen al bajar
  • Galería horizontal de instalaciones que se desliza con el scroll
cemerhn.site/v2/

Versión 2. Fresca: la misma paleta, en degradados

Los colores de la marca se usan en degradados suaves en lugar de bloques sólidos. El hero centrado tiene una animación abstracta que sugiere fertilidad y crecimiento.

  • Hero centrado con animación sutil y fotos en abanico
  • Tipografía Plus Jakarta Sans, moderna y limpia
  • Tratamientos en carrusel y servicios interactivos
  • Mosaico de instalaciones y equipo en formato editorial
cemerhn.site/v3/

Versión 3. Clara: blanca, editorial y con parallax

Fondo blanco, texto carbón y el azul reservado para acentos. Las capas se mueven a distintas velocidades con el scroll y dan profundidad sin recargar la página.

  • Hero a pantalla completa con parallax por capas
  • La misión se ilumina palabra por palabra al bajar
  • Instalaciones en tarjetas que se apilan
  • Cifras reales de la clínica en una banda limpia

Hoy la mayoría de sitios se parecen: la misma plantilla, los mismos bloques, los mismos colores e íconos generados por IA. Nuestro proceso creativo empieza por la marca, no por un catálogo. Por eso cada sitio que hacemos es distinto, y el resultado se siente propio de la clínica que representa.

Lo que no hacemos

  • Plantillas compradas que comparten miles de sitios
  • Componentes genéricos armados como bloques de catálogo
  • Paletas, íconos e ilustraciones genéricas generadas por IA
  • Fotos de stock que no muestran a la clínica real

Lo que sí hacemos

  • Un concepto visual que nace de la historia y los valores de cada marca
  • Componentes diseñados para ese contenido, no al revés
  • Colores y tipografía elegidos a partir de la identidad de la clínica
  • Ilustraciones y animaciones propias, como el cuaderno de FIV

01

Diseñado primero para móvil

La mayoría de pacientes busca desde el teléfono. Cada sección se probó en pantallas pequeñas.

02

Español e inglés

Cambio de idioma en un toque, pensado para pacientes que viven en Estados Unidos.

03

Animación educativa de FIV

Un cuaderno de laboratorio ilustrado que explica la fertilización in vitro mientras se hace scroll.

04

WhatsApp y llamada directa

El botón de cita siempre visible abre WhatsApp con un mensaje ya escrito.

05

Mapa, horarios y teléfonos

Cómo llegar a la Clínica Bendaña sin salir del sitio.

06

SEO técnico

Metadatos, datos estructurados de clínica médica, sitemap y robots listos para Google.

07

Imagen para compartir

Vista previa con foto del equipo cuando el enlace se comparte en WhatsApp o redes.

08

Dominio con HTTPS

Hoy en cemerhn.site; al aceptar, lo publicamos en cemerhn.com con certificado de seguridad.

09

Sitio estático y rápido

Páginas pregeneradas: cargan rápido y no dependen de un servidor que mantener.

10

Accesible y respetuoso

Contraste cuidado y animaciones que se desactivan si el visitante prefiere menos movimiento.

Muchos pacientes llegan porque alguien les reenvió el enlace. Los metadatos y la imagen para compartir deciden si ese enlace se ve profesional o vacío. Es un detalle invisible en la página, pero es la primera impresión de la clínica en WhatsApp, redes y Google.

Título y descripción

Es lo primero que se lee en Google. Un título claro con la ciudad y la especialidad ayuda a que la pareja que busca «fertilidad San Pedro Sula» encuentre a CEMER.

Imagen para compartir (Open Graph)

Cuando alguien envía el enlace por WhatsApp, Facebook o LinkedIn, aparece una tarjeta con foto, título y dominio. Sin ella, el enlace se ve vacío y genera menos confianza.

Datos estructurados

Le dicen a Google que CEMER es una clínica médica, con dirección, teléfonos y horario. Así puede mostrarla mejor en búsquedas y mapas.

Imagen para compartir de CEMER

CEMER | Centro de Medicina Reproductiva en San Pedro Sula

Diagnóstico y tratamiento de la pareja infértil, con laboratorio propio y atención personalizada.

cemerhn.com

Mira, esta es la clínica que te comenté 👇

10:24

No reciclamos diseños de un cliente a otro. El proceso es corto y visible, y el cliente decide sobre páginas reales, no sobre bocetos. Así llegamos a un resultado que solo podía ser de CEMER.

  1. 1

    Escuchar a la marca

    Antes de diseñar entendemos a la clínica: su historia, su tono, sus pacientes y lo que la hace distinta. Cada marca tiene su propia respuesta.

  2. 2

    Ordenar el contenido

    Reescribimos la información en lenguaje claro y cálido, sin prometer lo que la medicina no puede prometer.

  3. 3

    Explorar direcciones

    En lugar de un solo boceto, construimos tres versiones reales para decidir viendo, no imaginando.

  4. 4

    Diseñar en código

    Diseñamos directamente en el navegador: lo que se aprueba es exactamente lo que se publica.

  5. 5

    Pulir el movimiento

    Cada animación tiene un propósito: guiar la lectura, explicar un proceso o dar confianza.

  6. 6

    Publicar y cuidar

    Dominio, HTTPS, SEO y mantenimiento para que el sitio siga vigente después del lanzamiento.

01

Movimiento con propósito

Las animaciones explican y guían. Nada se mueve solo para decorar.

02

Fotografía real

El equipo, el laboratorio y los bebés de CEMER generan más confianza que cualquier foto de stock.

03

Tipografía con carácter

Titulares grandes y bien espaciados que se leen de un vistazo, incluso en móvil.

04

Un objetivo claro

Todo el recorrido lleva a una acción: escribir por WhatsApp para pedir cita.

05

Velocidad como diseño

Un sitio lento se abandona. Optimizamos imágenes, fuentes y carga.

06

Detalles que se recuerdan

Pequeños momentos, como una palabra que cambia o una ilustración a mano, hacen que el sitio se sienta único.

  • Diseño y desarrollo en el mismo equipo, sin intermediarios ni plantillas.
  • Nos adelantamos: las tres versiones ya están construidas y funcionando.
  • Experiencia en salud: hemos creado sitios y software para clínicas en San Pedro Sula.
  • Sin costo mensual de hosting: el sitio se publica en GitHub Pages.
  • Equipo en Honduras, con soporte directo y en español.

Plataformas como Framer, Webflow o Wix cobran solo por alojar el sitio: el diseño, el contenido y cada cambio corren por su cuenta. Una agencia tradicional sí lo hace todo, pero a otro precio. Nuestro mantenimiento anual cuesta menos que Framer con dos idiomas, e incluye el trabajo.

Agencia tradicional

Costo anual

US$600 – 1,800

Mantenimiento de US$50 a 150 al mes

Diseño y desarrollo
US$1,500 – 4,000
¿Quién hace los cambios?
La agencia, incluidos o por hora
Diseño
Único, a un precio mayor

Framer

Costo anual

US$360

Plan Basic US$10 al mes + inglés US$20 al mes

Diseño y desarrollo
Lo diseñan ustedes o contratan a un diseñador
¿Quién hace los cambios?
Los hacen ustedes
Diseño
Plantilla o diseñador aparte

Webflow

Costo anual

US$180 + idiomas

Plan Basic US$15 al mes; el segundo idioma se paga aparte

Diseño y desarrollo
Lo diseñan ustedes o contratan a un diseñador
¿Quién hace los cambios?
Los hacen ustedes
Diseño
Plantilla o diseñador aparte

Wix

Costo anual

US$204

Plan Light US$17 al mes

Diseño y desarrollo
Plantilla que ustedes adaptan
¿Quién hace los cambios?
Los hacen ustedes
Diseño
Plantilla compartida con miles de sitios

CodeRoasters

Costo anual

US$300

Desde el segundo año; el primero va incluido

Diseño y desarrollo
US$800, una sola vez
¿Quién hace los cambios?
Los hacemos nosotros, incluidos
Diseño
Hecho a medida para CEMER

Precios públicos de planes anuales en septiembre de 2026, en dólares y sin impuestos. Los rangos de agencia son referencias del mercado regional.

Diseño, desarrollo y publicación

US$800

+ ISV (15%)

Subtotal
US$800
ISV 15%
US$120
Total
US$920

Incluye la versión elegida con sus ajustes, ambos idiomas, la animación de FIV, SEO, imagen para compartir, publicación en cemerhn.com con HTTPS y el primer año de mantenimiento.

Mantenimiento anual, desde el segundo año

US$300

+ ISV al año (US$345 en total), unos US$25 al mes

  • Cambios de textos, fotos, teléfonos y horarios
  • Agregar y actualizar médicos, servicios e historias
  • Ajustes menores de diseño y contenido
  • Actualizaciones técnicas y de seguridad
  • Vigilancia del dominio y del certificado HTTPS
  • Soporte directo con el equipo de CodeRoasters

Proyectos nuevos de mayor alcance, como citas en línea o un blog administrable, se cotizan por separado.

    1

    Aceptar y elegir

    Aprueban la propuesta y eligen la versión, o qué combinar de cada una.

    2

    Transferir el dominio

    Coordinamos que cemerhn.com pase a nuestra administración desde la empresa que lo gestiona hoy.

    3

    Fotos y ajustes

    Idealmente una sesión de fotos nueva; validamos textos y datos con el equipo médico.

    4

    Publicar

    El sitio final queda en cemerhn.com, con HTTPS y listo para Google.