TheBest10

TheBest10 es una comunidad de usuarios, donde se promueve el valor de la opinión. Los usuarios interactuan mediante listas que pueden crear y en las que pueden votar ordenando los elementos de la lista según sus gustos y preferencias.

Briefing — el reto

Crear una plataforma dinámica donde los usuarios puedan registrarse para crear listas y votar productos, servicios, actividades... Todo de una manera visual y con una interación lo más sencilla posible. Además generar un Producto Digital escalable.

Es un ambicioso reto, en el que existía una gran necesidad de estudio de las funciones e interacciones que deberían realizar los usuarios. Contemplando tanto las necesidades del cliente como las del usuario final. Poniendo enfasis en la arquitectura de información y plasmarla de manera visual para una correcta comunicación con el equipo de desarrollo.

Client
The Best 10

Agency
afassi

Tags
Branding
UX/UI
Interaction design
Web&Graphic design

Tools
Sketch/Figma
illustrator
Photoshop
HTML/CSS
Google Forms
Miro

Descubrimiento · Estrategia 

DESKRESEARCH

Para declarar las suposiciones o hipótesis que innevitablemente empiezaban a surgir en un primer momento, se abordaron una técnicas complementaria de recogida de información para recopilarla y analizarla. Por suerte para nosotros internet está repleto de paginas de opiniones.

BENCHMARK

Descubrimos y analizamos empresas que se acercaban a nuestro mercado, cómo se comunican y cómo se acercan a sus usuarios. Obtuvimso conclusiones valiosas para buscar nuestro propio nicho de mercado y diferenciarnos. También para reafirar premisas que teníamos en mente: minimalismo y facilidad de interacción.

021

El research se orientó hacia la comprensión de los aspectos técnicos para ofrecer un producto digital estable y con una buena interacción.

Empatizar.  Definir.  Idear.  Prototipar.  Evaluar.

ENCUESTAS Y ENTREVISTAS

Para continuar afianzando nuestras ideas realizamos encuestas y entrevistas.
A la mayoría de los encuestados les interesaba la idea de poder tener opiniones de personas como ellos, de una manera visual y sencilla. Esto nos llevo a clasificar los grupos de opinión en 10 tipologías.
Las 4 entrevistas que realizamos, nos hicieron descubrir que una parte importante que teníamos que abordar es la rápidez de votar.

022
024

Prototipar · testear

La fase de prototipado comenzó con la realización de protoripos de baja fidelidad (mediante bocetos y recortes). Rápidamente pasamos a desarrollar en media y alta fidelidad, y sistemas de diseño UI kits.

El sistema de votación tuvo diferentes planteamientos antes de su versión final, poner enfásis en esta parte e iterear las veces necesarias era muy importante para el proyecto.

Unknown

La buena comunicación entre equipos: stakeholders, desarrollo y diseño fue esencial y de gran utilidad durante todo el proceso.

Captura de pantalla 2022-01-10 a las 20.49.23

Web

El sitio web se creó pensando en la interacción entre producto y usuario, permitiendo que fuese una experiencia fluida y funcional. El diseño y desarrollo también se centraron en explotar la usabilidad, potenciándola de cara al un correcto uso de interaciones, como el "drag&drop" y un uso de un servidor rápido y estable para la plataforma.

Se desarrolló una intranet para la gestión interna, que está conectada a toda la base de datos del proyecto (usuarios, listas, votaciones…), lo que permite un mayor análisis y control.

b85227919765052e2bd86b191c3dd1c7
001
004

La Marca

Para generar la identidad gráfica se ha persegido como elemento conductor la idea de ascender para llega a lo mejor.

Cuando representamos mejoría lo hacemos de forma creciente de abajo a arriba y de izquierda a derecha: para llegar a lo más alto.

Esta idea se respalda con el uso de una tipografía itálica para generar un logotipo con fuerza y movimiento, modificada ad hoc para el proyecto. Y en el Look&Feel de la marca, atemporal y limpio.

002-1
thebest10_003
thebest10_003
thebest10_003
thebest10_003

WEB DEL PROYECTO

AINARA FASSI
Digital & Graphic Design

MAIL
ainara.fassi@gmail.com  →