Website Lamparina

Introducción

Lamparina es un emprendimiento con mirada social que se dedica a la creación de lámparas de diseño a partir de material recuperado por recolectores urbanos.

Mi trabajo para este proyecto consistió en brindarle al emprendimiento presencia y herramientas para compartir su labor y productos online.

Antes del desarrollo de la web de Lamparina, el emprendimiento realizaba toda su difusión gracias al boca en boca, y su capacidad para llegar a nuevos clientes era extremadamente limitada.

Rol y tareas

-Frontend Dev

-UX/UI Designer

Tecnologías usadas

En este proyecto decidí utilizar Astro ya que el sitio es principalmente estático y esto permite aprovechar la excelente performance y renderizado por islas de este framework.

• 1.

  Astro --> Como framework

• 2.

  React --> Para algunos componentes interactivos

• 3.

  TypeScript --> Para el tipado de componentes y lógica

• 4.

  Tailwind CSS --> Para el manejo de estilos

• 5.

  Netlify --> Para realizar el deploy del proyecto

• 6.

  Embla --> Para el uso de carruseles de imágenes

• 7.

  Email.js --> Para el manejo de emails

• 8.

  Toastify --> Para el uso de mensajes Toast

• 9.

  Astro Icon --> Para la optimización de íconos y SVGs

• 10.

  Figma --> Para diseños y prototipos

Destacado

El principal foco de atención de esta web está en su performance. Trabajé bastante para lograr aplicar buenas prácticas de accesibilidad y SEO que beneficien al emprendimiento en su posicionamiento y experiencia de usuario.

También fue muy importante el trabajo con el cliente para poder plasmar en el sitio la información necesaria para dar a conocer el proyecto. Trabajamos en conjunto para definir el contenido y estructura de la información adecuados.

Aprendizajes

Mi principal aprendizaje fue el desarrollo de habilidades blandas para trabajar con el cliente en el proceso de definición inicial del proyecto.

Frente limitantes de tiempo y recursos para el desarrollo del sitio, trabajé en varias opciones que se ajustaran a las capacidades del cliente, tratando de lograr un equilibrio entre sus diversas necesidades.

Así llegamos a acuerdos previos al desarrollo que requirieron de mi parte la capacidad para comunicar claramente los pros y contras de cada opción.