Producto web. Versión Escritorio.
v.1.0
Lía Cubillos
Natalia Arancibia
Helen Harnisch
Vanesa Pardo
Valeska Pérez
DEMO DEL PRODUCTO
Crear un styleguide de componentes para Laboratoria utilizando el nuevo branding, pudiendo proponer nuevos elementos o mejoras a los elementos existentes. Nos enfocaremos en soluciones a nivel técnico.Para esto se comenzó realizando una investigación por medio de encuestas para usuarios que utilizarían la plataforma de Laboratoria y para developers que generalmente están ocupando librerías en sus proyectos. De las cuales rescatamos las siguientes conclusiones
Luego definimos nuestro usuario primario y en quién nos enfocaremos principalmente, aunque nos pudimos percatar de que nuestro producto afectaría de manera positiva al usuario secundario aunque de forma un poco más indirecta.
Primary persona
Usuario secundario
Un Benchmark comparando algunas páginas de librerías y así observar los componentes más utilizados, la distribución de la información, la accesibilidad a los componentes y rescatar ideas que pudieran aportar a nuestro proyecto.
Realizamos un Affinity maps con las problemáticas que la gente tenía
Nuestro fin es facilitar el uso de componentes a los desarrolladores de Laboratoria para que puedan usar y construir el sitio más rápido y fácil siguiendo la línea de diseño y valor de laboratoria.
El producto lo validamos realizando encuestas a Front-End Developer para entender su experiencia en el uso de librerías y a usuarios no directos para saber qué le podía faltar a la página de Laboratoria y con ello hacer un Match comprendiendo que componentes se podían crear. Las librerías facilitan en gran medida el trabajo optimizando los tiempos de los developers por lo que hacer una es muy útil.
Crear una Librería con guia de estilos inicialmente con 5 componentes en React ,siguiendo el Branding de Laboratoria , al tener los datos de la investigación se llegó a la ideación iniciamos con un mapa de contenido con el Mpv .
Luego se realizó el Sketches
COMPONENTE BUTTONS
COMPONENTE FORM
COMPONENTE IMG
COMPONENTE NAVBAR
COMPONENTE FOOTER
Luego se afinaron detalles y se llego a la solución final:
CONCLUSION
Logramos llegar a un MVP que fueron los cinco componentes más relevantes de la página de Laboratoria que nos planteamos en un principio luego de la investigación, también colocamos un componente más (navbar) que no estaba contemplado dentro de la página de Labotatoria.