Kenjo

Desde Kenjo, una Start UP dirigida para ayudar a los profesionales de Recursos Humanos, en su digitalización, se encuentra en el mercado por más de 10 años quieren renovar su identidad de marca y al mismo tiempo su presencia digital. Es por ello que necesario crear una nueva interface de su web, reestructurar su arquitectura de la información entender sus productos y promociones. 

Para realizar los objetivos con total rigor, nuestras funciones destacadas fueron, Experiencia en diseño de interacción, arquitectura de Información y estrategia, sistemas de diseño, todo esto desarrollado a través de metodologías Agile

Programas

Client

Year

Figma, Zeplin, Adobe

Minima

2022

a558b426cb8973523f37bbed94cf0f09.png
2560px-Adobe_Systems_Logo_002.svg.png
favicon-256x256.png
Frame 222.png

01

Primeros pasos:

Diseño de una nueva Interface para la web de Kenjo

Desde Kenjo, necesitan renovar su identidad de marca y diseño de Interface, para que así sus clientes, destinados al sector de RRHH, Logística e innovación puedan entender la finalidad de su producto y las ofertas que ofrecen todo el año.

Para ello empezamos a hacer una búsqueda de cuáles son son sus principales competidores y como se comunican. Analizarlos y hacer un mapa de Market Fit y kano Model y seguidamente entender profundamente las necesidades de nuestro publico objetivo, para asi llegar a un buen funcionamiento de la web.

Kenjo.png

"Necesito entender que funcionalidades tiene la plataforma de manera fácil e intuitiva. Sin trucos ni sorpresas"

Marisa, 41. Directora de RRHH . Digital global

Evaluación Heurística

01

La evaluación heurística es una metodología que permite a partir de algunos principios, ayudar a los diseñadores novatos y expertos a realizar una revisión y mejora de los elementos de interacción y diseño de un proyecto.

02

Evaluación Heurística

La evaluación heurística es una metodología que permite a partir de algunos principios, ayudar a los diseñadores novatos y expertos a realizar una revisión y mejora de los elementos de interacción y diseño de un proyecto.

1. Visibilidad del Estado del sistema

2. Relación entre el sistema y el mundo real

3. Libertad y control para el usuario

MacBook Pro 14_ - 1.png
MacBook Pro 14_ - 2.png
MacBook Pro 14_ - 4.png
MacBook Pro 14_ - 6.png
MacBook Pro 14_ - 8.png
MacBook Pro 14_ - 7.png
MacBook Pro 14_ - 9.png

Conclusiones Análisis Heurística

- Muchos de los CTAS que aparecen de manera muy repetida, no están bien vinculados.

- Hay muchos contenidos repetidos

- El recorrido en de la web es complejo y añaden contenidos innecesario

- Funcionalidad web pobre

- Calidad y visibilidad del producto escasa

- Poco contenido audiovisual

- Poca explicación del producto en la Home

police-car-light-apple.png

03

ARQUITECTURA WEB

La arquitectura web es la planificación y el diseño de los componentes técnicos, funcionales y visuales de un sitio web, antes de que sea diseñado, desarrollado e implementado. Los diseñadores y desarrolladores la utilizan como un medio para ejecutar su trabajo.

Arquitectura actual

asdasd.png
Vieja.png

Propuesta

nueva.png

04

Wireframes

aDCASCS.png
SDFSADFSA.png
EDQ.png

Conclusiones de Arquitectura y Wireframes

- Muchos de los CTAS que aparecen de manera muy repetiva, no estan bien vinculados.

- Hay muchos contenidos repetidos

- El recorrido en de la web es complejo y añaden contenidos innecesario

- Funcionalidad web pobre

- Calidad y visibilidad del producto escasa

- Poco contenido audiovisual

- Poca explicación del producto en la Home

police-car-light-apple.png

05

Nueva Funcionalidad: 

Test funcional y cita previa

06

Identidad grafica

afasdfc.png
Frame 224.png
christina-wocintechchat-com-LQ1t-8Ms5PY-unsplash (1).jpg
tim-gouw-bwki71ap-y8-unsplash.jpg
miguelangel-miquelena-Rc-4YdHRrOs-unsplash.jpg
16.jpg
18.jpg
Botones.png
icons.png
asfdfsvcs.png
dacasdf.png
adcasdcwsa.png
aasda.png
adcsad.png

08

Menu

Menú desplegable iconos - Producto - Vista previa.png
Two_Hands_Holding_Smartphine_Mockup.png

09

Prototipado nueva web
HOME

10

Testing y objetivos alcanzados

Diseño de una nueva interface web mas simple y minimalista.

Nueva Arquitectura mas simple con menos contenidos repetidos

Añadir nuevos contenidos audiovisuales a la web que expliquen mejor el servicio

Nueva funcionalidad elegida: ¿Que pack te viene mejor?

Nuevo menu desplegable

Nueva identidad corporativa. Mas sobria y profesional. 

Mismo logo, cambio de uso del manual de identidad. Nuevos colores y tipografías

Testing de prtotipado: Entienden mejor el producto gracias al testing ofrecido en la we. 

Les da curiosidad. La visibilidad aumentado de los contenidos audiovisuales comentando los case studies les ayuda a confiar más en el producto. 

Probado con tres directores de RRHH de diferentes empresas y sectores

11

Posibles next steps

Crear una funcionalidad de prueba directa en la web con la plataforma directa

Analizar las posibles variantes del nuevo test

Crear un diseño de la plataforma de Kenjo con la web en consonancia

Crear un diseño de la plataforma de Kenjo con la web en consonancia

martin-sanchez-aQ5K3Bs9Y2U-unsplash 1.png

¿Quieres más?