top of page

Ripe Labs

Año

2021

Ubicación

Ámsterdam, Países Bajos

Equipo

Paula Cepeda y Raimundo Rufín

Rediseño de la plataforma RIPE Labs, red social para RIPE NCC, Centro de Coordinación y Registro Regional de Internet para Europa, Oriente Medio y partes de Asia Central. Se desarrolló branding e imagen de marca, recursos gráficos para divulgación, diseño web multiplataforma, experiencia de usuario, investigación UX, testeo con usuarios, e implementación de la plataforma.

banner.jpg

Análisis Plataforma

Para comenzar el proyecto y se analizó la plataforma en profundidad para entender las falencias y determinar las áreas de acción y alcance del proyecto.

pantallaanterior.png
Frame 9.png

Plataforma Inicial de Ripe Labs

Principales Descubrimientos

lupa.png

Ripe Labs no poseía una identidad de marca clara, ni tampoco pertenencia gráfica a la identidad propia de RIPE NCC.

lupa.png

Las categorías de navegación no estaban del todo definidas, por lo que no existía una manera fácil ni  intuitiva de navegación.

lupa.png

Los artículos presentaban pocas interacciones. Poca claridad para el proceso de escritura de artículos y dificultad para encontrar sus distintas categorías.

User Persona

Para iniciar el proceso de Rebranding de la plataforma, se diseñó el user persona. Este fue catalogado como un Tech Savy cuyo perfil corresponde al siguiente.

user.png

ReBranding

El proyecto se inició con el rebranding de la subdivisión Ripe Labs de Ripe NCC, cuyo logo podemos ver a la izquierda.

Key Words:

Energetic, inclusive, spontaneous, logical, resourceful, brave.

Informal, but factual.

Pilars.png

Isotipo

img1.png

Safe Area

img2.png

Colour Versions

img3.png

Benchmark

Realizamos un benchmark analizando 3 plataformas similares y de gran renombre como lo es Medium, MIT Tech Review y Hackaday. Este análisis nos permitió determinar los requerimientos del nuevo Ripe Labs.

Site Map

Para mejorar la navegación del sitio, se determinó la arquitectura de la información. Todo un desafío considerando la cantidad de categorías ya existentes, las cuales se simplificaron y resultó en lo siguiente:

gloomap_228979af.png

Prototipo

Frame 1496.png

Con el prototipo de alta fidelidad, se determinaron los flujos más conflictivos para su posterior testeo con usuarios.

Frame 1497.png

Testeo Con Usuarios

Mediante tests de usabilidad a través de la asignación de tareas y sus consiguientes mediciones heurísticas, pudimos determinar los puntos débiles de la propuesta  e iterar en su diseño.

Frame 1498.png
UserTesting-Results.png

"I was surprised the heading of the article was not clickable. Having to find the "read the article" button was unexpected."

quote.png

"Sleek design, text readability is definitely an improvement, makes me want to read and explore. Author pictures + short bio makes me connect bit more with the article.”

quote.png
Presentation First Phase RIPE Labs 1.png
20.png
21.png
uikit.png
ripelabs.png
bottom of page