Orvane — primera pantalla de la web
← Todos los trabajos41 / 47 // caso

Orvane

Una web que ayuda a marcar el rumboweb corporativa · 2026

02 // sobre el proyecto

web corporativa

Del rumbo en la estrategia al rumbo en la interfaz.

Formato
web B2B bilingüe de consultoría
Año
2026
Rol
naming, logotipo, diseño y desarrollo web
Estado
proyecto de cliente bajo NDA
Stack
temas claro y oscuro, slider controlable, versiones en ucraniano e inglés, hreflang

Orvane trabaja con propietarios y equipos, desde la estrategia hasta el día a día de la empresa. El nombre une orient y vane. Una veleta no hace el viento. Indica de dónde sopla, y con eso se elige el rumbo. Esa imagen se convirtió en un disco macizo con una flecha recortada. En la web, una trama de líneas se dispersa y se recompone en un gran logotipo, los gráficos de los servicios giran y los pasos del proceso de consultoría se recorren con flechas, deslizando el dedo o con el teclado. Los temas claro y oscuro dan dos estados del mismo sistema.

Orvane consiguió un nombre, un logotipo y una web en los que la metáfora del rumbo une la identidad con la presentación de los servicios. La secuencia de pasos hace visible el proceso de consultoría, y las distintas formas de control permiten recorrerlo al ritmo de cada uno.

03 // qué hicimos

naming, logotipo, diseño y desarrollo web
  • 01

    Logotipo de trama

    Al hacer scroll, las líneas de grabado se reúnen en el símbolo del rumbo.

  • 02

    Dos temas

    Los modos claro y oscuro se cambian con una cortina, y un reloj muestra la hora local y UTC.

  • 03

    Servicios vivos

    Gráficos de líneas y un texto que se escribe solo presentan las áreas de consultoría una a una.

  • 04

    Pasos guiados

    El slider funciona con flechas, deslizando el dedo y con el teclado.

04 // pantallas

orvane.apricode.agency
Escritorio · vídeo
Móvil · 390 px

05 // cómo funciona

4 pasos
  1. 01

    Metáfora

    El nombre y la veleta explican el papel del consultor a través del rumbo.

  2. 02

    Temas

    Dos modos mantienen una misma composición en estados distintos.

  3. 03

    Servicios

    El movimiento y el texto van descubriendo las áreas de trabajo.

  4. 04

    Pasos

    El slider convierte el proceso en un recorrido ordenado.

¿Necesitas un proyecto similar?

30 minutos en Zoom: analizamos la tarea, te mostramos cómo lo haríamos para ti y te damos plazos y precio.