Suempresa.com

Suempresa.com es un sitio web que ofrece, servicios de hosting, dominios y certificados de seguridad, así como otro tipo de recursos para ayudar a pequeñas y medianas empresas en la gestión de su negocio físico y digital.

UI DESIGNER

El reto

Suempresa.com requiere realizar el rediseño de su sitio web Marketplace centrado en sus usuarios para ofrecer los mejores servicios de acuerdo a sus perfiles y necesidades. Mi integración a este proyecto fue con el perfil de Diseñadora de Interfaz de usuario. En una etapa temprana del proyecto, el equipo de UX se encargó de realizar investigación de usuarios y benchmark para identificar mejoras e implementarlas en el nuevo Marketplace.

DESIGN SPRINT

DESIGN SPRINT

Realizamos un Design Sprint y para desarrollarlo, retomamos la metodología de Design Thinking. En una semana pudimos realizar un MVP trabajando bajo las 5 fases de Design Thinking, Empatizar, Definir, Idear, Prototipar y Probar para el desarrollo de este proyecto de una manera colaborativa e innovadora, donde pudimos proponer soluciones diferentes, hacer pruebas con usuarios, recolectar comentarios y darle seguimiento al proyecto con mejoras hasta su culminación.

Empatizar

Los métodos de investigación nos ayudaron a comprender la interacción que había entre los usuarios con el sitio web, mediante un Rainbow Sheet, pudimos recopilar los principales comentarios por parte de los usuarios entrevistados, siendo los principales descubrimientos:

  • La mayoría de los usuarios no identifica todos los beneficios de los productos contratados o a contratar

  • Algunos de ellos no saben cómo pedir ayuda

  • No saben cómo iniciar sesión

  • Les gustaría tener la opción de poder diseñar su sitio desde suempresa.com

  • No entienden el objetivo del chat en línea

  • No entienden su panel de administración una vez contratado sus servicios.

Definir

De acuerdo a diferentes necesidades de usuarios, comenzamos realizar perfiles de usuarios. Tomando en cuenta desde el profesional independiente, personal de IT, emprendedores, contadores hasta personas de venta y gestores de negocios.

Definimos un Customer Journey para un perfil que entra por primera vez al marketplace para encontrar una solución que se adecúe a sus necesidades

Se construyó una librería de componentes reutilizables, basándonos en los principios de Atomic Design para agilizar la construcción del sitio web, siendo el principal valor el uso de templates para las secciones del sitio, haciendo más sencilla la gestión de cambios de contenido, de gráficos y de estructura dentro de cada sección.

Idear

Todo el equipo participó en la ideación de crear un flujo o varias pantallas para el flujo de selección de un servicio y poder elegir la solución más innovadora y que cumpliera con necesidades expuestas por los usuarios

  • Con la herramienta Marvel, pudimos hacer unas pruebas rápidas para validar el flujo que acabábamos de crear

  • Se trabajó un ejercicio de Card Sorting para poder darle una mejor estructura al sitio web

Prototipar y probar

El equipo de UX comenzó a trabajar en wireframes de baja fidelidad para hacer unas pruebas más completas y comenzar a trabajar en los mockups

La propuesta innovadora que surgió el trabajo colaborativo en estos workshops fue quitar el menú hamburguesa de la navegación y dejar las principales opciones del sitio a la vista del usuario.

A la par, se trabajaron elementos visuales como ilustraciones, íconos y componentes para usar dentro del sitio web.

Conclusión

Con este proyecto, se destaca la importancia de la colaboración entre perfiles multidisciplinarios para la comprensión de un problema real para usuarios de suempresa.com. Tuvimos la oportunidad de realizar varias hipótesis de cómo las personas podían interactuar con la plataforma y qué mejoras se podrían realizar. Al trabajar con Atomic Design, pudimos observar también las ventajas de poder trabajar con elementos reutilizables para la construcción no solo de un producto, si no hacerlo escalable para proyectos futuros dentro de la organización.

Colaboradores: Marisa Parga, UX Designer | Susana Cervantes, UX Designer | Javier Hernández, UX Designer | Diana Alcántara, UI Designer | Héctor Espitia, Front End Developer | Jorge Malagón, Front End Developer | Valente Gómez, Front End Developer | Miriam Calderón, Back End Developer | Josué Domínguez, Back End Developer | Claudia Bravo, Back End Developer | Ricardo Hernández, Back End Developer | Pepe Medel, Tech Lead | Rocío Camarena, Content Strategist | Carlos Galán, Content Strategist | Oswaldo Palomares, Digital Strategist | Jorge Segoviano, Digital Strategist | Emmanuel Rivera, Project Manager | Ariel Solorio, Project Lead.

Previous
Previous

Digital FEMSA

Next
Next

Digital FEMSA Design System