Diseño: Andrés Toro – Indio Guru

Cliente: Laura Nieto – Natalia Diaz – Diseñadora senior

Ubicación: Bogotá

Créditos: Mateo París – Director creativo. Laura Gómez – Diseñadora de producto Javier López – Desarrollador Páramo Lab Indio Gurú

Contexto/concepto de diseño

La comunidad creativa que estaba consolidando la Feria Vassar para su primera edición necesitaba hacerse realidad en un entorno digital que permitiera unir y presentar a sus 300 marcas a través de una interfaz gráfica sencilla, con un alto sentido estético y fácil de navegar. La feria, realizada en el Parque el Country de la ciudad de Bogotá, está dirigida a una audiencia de un amplio rango de edad que mezcla nativos digitales con inmigrantes digitales, lo cual trajo el reto de impactar igualmente a ambos en el momento en que se estuvieran informando sobre el evento. Una segunda audiencia sería la de los emprendedores participantes, quienes se encargarían de subir la información de su perfil a través del CMS desarrollado para el proyecto. El principal reto fue diseñar un proceso rápido y fácil de subida de archivos, evitando al tiempo trasladar esa carga de trabajo a la organización.

Aporte de diseño

Nuestra contribución al proyecto fue el diseño UX/UI basándonos en el manual de marca entregado por el cliente, y el desarrollo del sitio web. El diseño de la interfaz gráfica buscó por un lado mantener la propuesta de la marca relacionada con los colores, usados para representar cada una de las líneas de la feria, y al tiempo la comunidad que ésta estaba construyendo. De ahí el uso variado de colores a través de las secciones y paginas, la estructura modular con sliders automáticos, y una experiencia de interfaz en la que, además de su potencia gráfica, los usuarios podían conocer y acceder de distintas formas a las páginas de los negocios locales. La página de emprendimientos, un objetivo central del proyecto, plantea una navegación de scrolls horizontales y verticales complementado con un recurso secundario de navegación con botones y un filtro de búsqueda y categorías, con lo que se buscó mostrar la amplia oferta de la feria al tiempo que se visibilizaba cada emprendimiento y se facilitaba la búsqueda de los asistentes. El diseño UI fue hecho bajo la metodología mobile-first para garantizar su óptima navegación en dispositivos móviles y la eficiencia del proceso de diseño. El desarrollo web fue a la medida y basado en ReactJS; incluyó el desarrollo de un filtro de marcas por categorías y por nombre y un desarrollo back-end para enlazar el contenido de las 300 marcas participantes desde un sistema de login con un CMS en Strapi para subir y editar el contenido de los stands. Diseño UI desktop: https://xd.adobe.com/view/926365d1-9a1c-411c-a59b-bdc8a2976c5c-c730/ Diseño UI móvil: https://xd.adobe.com/view/eddff350-fd51-4b92-b578-bca19b4b03af-b88c/ URL público: https://feriavassar.com/

Video

Fecha de lanzamiento:

2021-12-01