Una agencia que presenta su manera de pensar.
Odesy es una agencia de marketing, estrategia y tecnología ubicada en Cartagena, Colombia. El proyecto web convierte su identidad, servicios y metodología en una experiencia de presentación con personalidad propia: tipografía amplia, contrastes en blanco y negro y un acento cálido que acompaña la navegación.
El trabajo reúne diseño y desarrollo frontend de una web de una sola página. La propuesta busca que el visitante entienda qué hace la agencia, cómo trabaja y quiénes forman parte del equipo antes de iniciar una conversación.
El reto: mostrar capacidad sin perder una historia común.
Servicios, proyectos, metodología y personas comparten espacio en el mismo recorrido. El reto consiste en organizarlos con una jerarquía clara y usar el movimiento para conectar las secciones, conservando una experiencia adaptable a escritorio y celular.
El trabajo desarrollado.
- Presentación de marca: un titular dinámico y una pieza audiovisual como entrada a la propuesta de la agencia.
- Metodología: una secuencia de cinco fases con cambios visuales vinculados al desplazamiento.
- Portafolio: un recorrido horizontal de proyectos y una sección para presentar marcas.
- Equipo: perfiles, fotografías, roles y controles de navegación entre integrantes.
- Contacto: selección visual de intereses y un formulario integrado en el lenguaje de la página.
Una interfaz con movimiento intencional.
La implementación incluye navegación móvil, cambios del encabezado al desplazarse, carruseles y secciones fijadas durante parte del recorrido. En dispositivos táctiles se adapta la interacción, mientras que el cursor personalizado se reserva para equipos con puntero fino.
Las fotografías del equipo conservan un tratamiento coherente y sus encuadres se ajustan a las tarjetas. Los controles permiten explorar perfiles sin depender de que todos aparezcan simultáneamente en pantalla.
Tecnología y alcance del caso.
La versión revisada está construida con HTML, CSS y JavaScript nativo, con recursos visuales locales y una fuente externa. No requiere un framework ni un proceso de compilación para representar su interfaz.
Estado: el propietario identifica el sitio como activo. Las capturas de este caso corresponden a la implementación local revisada y no acreditan por sí mismas la versión desplegada. En esa implementación, el formulario muestra una confirmación local de demostración; no se presenta como un envío de correo o una integración comercial verificada.