Case study

Autogrupo

Autogrupo es el desarrollo completo de una idea propia, desde la creación hasta el lanzamiento.

01.
¿Que es Autogrupo?

Es una aplicación movíl con un sistema de comunicación conocido por todo el mundo: grupos, chats y mensajes. Pero con una diferencia. En estos grupos solo estás tú.

Podrás recordarte las cosas, mandándote mensajes a ti mism@, diciéndote, “eh, esto es importante y te interesa volver a verlo.”

Y los tendrás ordenados por grupos de tus temas de interés, en los que podrás anotar, copiar, insertar o grabar cualquier contenido o idea, única y exclusivamente para tí.

Un chat sólo para ti,
contigo mism@,
con todos los grupos que tu quieras:

Mis recetas

02.
Estudio de usuario

Para poder enfocar correctamente la aplicación, primero investigamos quien usará la aplicación y que piensa y siente, mediante encuestas, entrevistas, metodologías como el design thinking o brainstorming, y definiendo nuestro user persona con mapas de empatía o customers journey entre otros.

¿La mejor manera de recordarte algo?

03.
Benchmarking

A la hora de recordarse las cosas a través del móvil, hemos detectado 5 principales aplicaciones que los usuari@s utilizan cuando quieren anotarse alguna información y las hemos probado, analizado y comparado.

Cuando veas un enlace que sabes que lo vas a volver a necesitar, o que quieras volver a verlo más tranquilamente, piensa:

¡Al Autogrupo!

Y ya lo veras cuando te dé la gana

Mis cosas

04.
Moodboard

En este tablero se recogen todos los conceptos que nos han servido de inspiración a la hora de desarrollar el sistema visual de la aplicación.

La tranquilidad de tenerlo todo apuntado, los colores azules, la paz de no dejarte nada olvidado, aplicaciones que transmiten facilidad y sencillez.

Limpieza

05.
Wireframes en baja

Cerebro + rotulador + papel. En esta parte del proceso, lo que se consigue es diseñar el flujo de la aplicación. Repetir pantallas una y otra vez con el objetivo de hacer fácil la vida al usuario y permitir una navegación fluida y ágil.

06.
Arquitectura de la información

Una arquitectura sencilla y directa, con un sistema de jerarquización que todos los usuarios ya conocen y usan:

Grupos -> Mensajes -> Subir contenido

El diseño es simple,

07.
Sistema de diseño

Para reflejar nuestro moodboard en la arquitectura de diseño y los wireframes realizados,  se ha crea un sistema de diseño completo limpio y minimalista.

08.
Componentes

Una vez hemos definido el sistema de diseño, hemos realizado la composición y elaboración de los componentes interactivos de nuestra aplicación, siguiendo la metodología de diseño Atomic Design.

Hay mucha diferencia entre:

09.
Prototipo interactivo

Que mejor manera de probar una aplicación, que verla funcionando.

10.
Landing

Por último, realizamos una landing para la aplicación.

Otros proyectos

Menu
This site is registered on wpml.org as a development site.