PortfolioIdentidad + experiencia digital

RIEL

Una dirección compartida.
Una forma de avanzar.

Mockup del sitio RIEL en una computadora portátil: tipografía de gran escala, botón azul e ilustración de recorridos en el hero.
RIEL / Sitio webQue el trabajo avance.
El desafío / La solución

Hacer visible
lo que conecta al equipo.

Un software de coordinación necesita explicar su valor antes de mostrar su complejidad. Construimos una identidad y una experiencia web alrededor de una idea: diferentes personas y proyectos pueden avanzar en una misma dirección.

01 / Diseño web

La web también
marca el rumbo.

Una home y dos recorridos internos. Un mismo lenguaje, tres composiciones.

Home / Vista de escritorioJerarquía, espacio y dirección.
Producto / Página internaEl detalle, sin ruido.
Equipos / Página internaEl sistema cambia de ritmo.
Una estructura que acompaña la decisión.
InicioProductoEquiposCómo funciona
02 / Sistema visual

La identidad vive
en los detalles.

Tipografía, marca, color y componentes. Diseñados como una misma familia.

Tipografía / Jerarquía01
Una mismadirección.
EscalaContrasteEspacioLectura
Marca / Movimiento02
Diferentes recorridos.
Una dirección compartida.RIEL
Botones / Respuesta03
Principal
Secundario
Probá los botones para ver su respuesta.
Paleta / Contraste04
#1645F5
#F2F1EB
#191A1C
#D4EF76
03 / Iconografía

Un lenguaje pequeño.
Una identidad completa.

Proyectos
Personas
Decisiones
Progreso
Próximo paso
Resuelto
Un trazo compartido conecta la interfaz con la marca.Seis funciones. Una familia.
04 / Experiencia responsive

Otra escala.
La misma claridad.

La composición cambia. La identidad y la jerarquía se mantienen.

Dos mockups de teléfonos con el sitio RIEL: home clara e ilustración azul; página Producto negra con iconos y acento verde.
05 / Motion e interacción

El movimiento
también explica.

Asignar, avanzar, resolver. Tres acciones se convierten en ritmo, transición y color.

RIEL / Un proyecto en movimiento

Cada proyecto,
una persona.

Diseño / Web de producto

Una nueva
forma de avanzar.

Definir el recorrido y reunir el contexto.

CPCarla PérezPor empezar
Seleccioná una acción. El contenido, la composición y el fondo responden.El movimiento acompaña al significado.
06 / Universo visual

La misma idea.
Distintas dimensiones.

Ilustración tridimensional de recorridos azules que se unen en una misma dirección.
Ilustración / CoordinaciónDe la idea a la forma.
Mockup del sistema con tablero de proyectos, detalles de persona responsable y próximo paso.
Producto / Contexto y próximos pasosLa forma cuenta la función.

Tu marca también
puede encontrar
otra dirección.

Hablemos de tu proyecto