Website RedLaDA

Introducción

La Red Latinoamericana de Diseño y Alimentos (RedLaDA), es una organización sin fines de lucro, con sede central en Uruguay, que nuclea a investigadores, organismos, empresas e individuos de todo Latinoamérica relacionados con el Diseño de Alimentos (Food Design).

Los organizadores de esta red decidieron contactarme para realizar el rediseño y la migración de su sitio web; el cual estaba originalmente realizado en Wix, y les ocasionaba múltiples inconveniente.

Los principales puntos de dolor que experimentaban con el sitio viejo eran:

• 1.

  Navegación y estructura de la información caótica

• 2.

  Información duplicada en múltiples páginas

• 3.

  Incapacidad para mantener actualizado el sitio

• 4.

  Diseño y branding desactualizados e incongruentes

• 5.

  Pobre reutilización de componentes

• 6.

  Mala performance del sitio

Luego de un trabajo bastante exhaustivo realizado en múltiples etapas se logró renovar toda la web y re implementarla con excelente aceptación de la comunidad de RedLaDA.

Rol y tareas

-Frontend Developer

-UX/UI Designer

Tecnologías usadas

En este proyecto decidí utilizar Next.js para poder garantizar que el sitio web puede seguir escalando según las futuras necesidades de la organización.

• 1.

  Next.js --> Como framework principal

• 2.

  JavaScript --> Como lenguaje de programación

• 3.

  Prop-Types --> Para el tipado de componentes

• 4.

  CSS Modules --> Para el manejo de estilos

• 5.

  Vercel --> Para realizar el deploy del proyecto

• 6.

  react-Icons --> Para íconos

• 7.

  react-circle-flags --> Para íconos de banderas nacionales

• 8.

  Cloudinary --> Para la gestión de imágenes y otros assets

• 9.

  Figma --> Para diseños y prototipos

• 10.

  Miro --> Como herramienta colaborativa para realizar workshops con el cliente

Destacado

Dentro de los desafíos de este proyecto me gustaría destacar dos cosas:

Primero, el trabajo realizado junto al cliente, que llevó múltiples reuniones colaborativas para poder optimizar la arquitectura de la información del sitio y gestionar la gran cantidad de data de necesitaban visibilizar en esta página institucional.

Segundo, el trabajo realizado de diseño y frontend para brindarle a esta organización un sitio moderno, con sus propios componentes personalizados y sin código duplicado, que sea fácil de mantener y seguir escalando.

Aprendizajes

Este proyecto fue para mí una experiencia formativa, ya que hasta este punto, no había trabajado en una web / app de estas dimensiones con múltiples pantallas e información en distintos niveles. La realización llevó varios meses de desarrollo, combinando el trabajo previo al proceso de diseño + la implementación en código del sitio.

Me permitió profundizar mis habilidades técnicas en Next.js y React, además de darme buenas experiencias realizando workshops con múltiples personas del núcleo de la organización. Estas reuniones colaborativas me permitieron pulir mis habilidades de comunicación y gestión de proyectos.