Eklektos: treinta y tres servicios técnicos que por fin se encuentran
Sitio web para una consultora de salud ocupacional y gestión ambiental en Costa Rica, con su catálogo completo ordenado por familia y por norma.
- Año
- 2026
- Lugar
- Costa Rica
- Estado
- En desarrollo
- Nuestro papel
- Diseño y desarrollo del sitio
- Servicios
- Diseño de páginas web
- Tecnología
- WordPress · Tema propio
El reto
Eklektos asesora en salud ocupacional y gestión ambiental, y su catálogo real son treinta y tres servicios distintos, cada uno atado a una norma concreta de Costa Rica. Una lista así, puesta en crudo, no se lee: el visitante que llega buscando una cosa —una medición de ruido, un plan de salud ocupacional, un trámite— se pierde antes de encontrarla.
El otro problema era de tono. Es una empresa técnica, de normativa y cumplimiento, pero su trabajo va de que la gente vuelva sana a su casa. La web tenía que sostener las dos cosas sin caer en el manual ni en el folleto.
La solución
Un solo mundo visual, claro y verde, sacado del propio logotipo: el verde de la hoja para lo ambiental y el azul de la marca para la acción —botones, enlaces, foco—. Nada de bloques oscuros ni de una segunda variante: la página se ve igual en cualquier navegador y con cualquier tema del sistema.
- Los treinta y tres servicios, ordenados por familia y con su norma a la vista, para que cada visitante llegue al suyo sin leer el catálogo entero.
- Tres tipografías con oficio: Gabarito en los titulares, Figtree en el texto y DM Mono para las unidades y los códigos —dB(A), lux, mg/m³, t CO₂e—, que son el lenguaje del cliente.
- Paneles blancos sobre suelo verde, esquinas muy redondeadas y láminas en arco: la jerarquía la hacen el aire y el color, no los filetes.
- Movimiento medido: solo transform y opacity, entrada escalonada una única vez al cargar. Se nota que la página está viva sin que estorbe.
Por debajo, la misma arquitectura que usamos en nuestros propios sitios: tema clásico de WordPress hecho a medida, sin plantillas de terceros, con el sistema de diseño en un solo archivo y las secciones como patrones reutilizables.
En qué punto está
Prototipo navegable entregado —inicio, servicios, proyectos y contacto— y en revisión con el cliente. La siguiente fase es llevarlo al tema de WordPress. Cuando esté publicado se añaden aquí la dirección y el resultado: [RESULTADO ANTES → DESPUÉS].
