Semillas Vivas

Frontend
Maquetación
UI
2021-05-15
Semillas Vivas

En este caso de estudio, exploramos el proyecto de desarrollo de un ecommerce llamado "Semillas Vivas", especializado en la venta de semillas de alta calidad. El proceso involucró la creación de un diseño en Figma, la validación del diseño a través de un prototipo interactivo y finalmente, la implementación en el sistema de gestión de contenidos Prestashop. A lo largo del proyecto, se realizaron modificaciones a petición del cliente, lo que condujo a diferencias entre el diseño inicial y el resultado final.

Contexto

"Semillas Vivas" buscaba establecer una plataforma en línea que ofreciera una amplia variedad de semillas de plantas, flores y vegetales a entusiastas de la jardinería y agricultores. El objetivo era proporcionar a los usuarios una experiencia de compra fluida y atractiva que reflejara la calidad y la diversidad de las semillas.

Diseño y Validación del Diseño

El proceso comenzó con la creación de un diseño visual en la herramienta de diseño Figma. El diseño se centró en la creación de una interfaz atractiva, con una paleta de colores frescos y una disposición intuitiva de elementos como la navegación, las categorías de productos y la información del producto. Se prestaron especial atención a los detalles visuales, como la presentación de imágenes de alta resolución de las semillas y la inclusión de información relevante.

Una vez completado el diseño, se creó un prototipo interactivo que permitió al cliente explorar la interfaz como si fuera un sitio web real. Esta etapa de validación fue crucial para asegurarse de que el diseño cumplía con las expectativas del cliente y proporcionaba una experiencia de usuario satisfactoria.

Desarrollo en Prestashop

Con el diseño validado, se procedió a la implementación en Prestashop, un sistema de gestión de contenidos y comercio electrónico popular. El proceso de desarrollo involucró la traducción del diseño visual en código HTML, CSS y la configuración de la plataforma para admitir la funcionalidad requerida, como la navegación por categorías, la búsqueda de productos y el proceso de pago.

Características Clave del Ecommerce:

  1. Catálogo de Productos: Se configuró una estructura de categorías y subcategorías para organizar las semillas disponibles. Cada producto tenía su propia página con detalles, imágenes y opciones de compra.

  2. Carrito de Compras y Pago: Se implementó un carrito de compras que permitía a los usuarios agregar productos y proceder al proceso de pago, incluida la selección de métodos de envío y opciones de pago.

  3. Búsqueda Avanzada: Se integró una función de búsqueda que permitía a los usuarios encontrar rápidamente semillas específicas basadas en términos de búsqueda.

Ajustes basados en las Peticiones del Cliente

A medida que avanzaba el desarrollo, el cliente solicitó ciertos ajustes y cambios en la interfaz para adaptarse a sus preferencias y necesidades cambiantes. Estos cambios podrían haber afectado la coherencia con el diseño inicial, pero se trabajó para mantener un equilibrio entre las solicitudes del cliente y la usabilidad general del sitio.

Resultados y Desafíos

El proyecto de desarrollo de "Semillas Vivas" resultó en un ecommerce funcional que permitía a los usuarios explorar y comprar semillas en línea. A pesar de los cambios en el diseño a petición del cliente, el equipo pudo mantener una interfaz coherente y amigable con el usuario. El proceso de validación a través de un prototipo fue esencial para asegurarse de que el diseño se alineara con las expectativas.

Los desafíos incluyeron la adaptación a las solicitudes del cliente mientras se mantenía la cohesión visual y la experiencia del usuario. Sin embargo, la colaboración abierta entre el equipo de desarrollo y el cliente permitió resolver estos desafíos de manera efectiva.

En última instancia, "Semillas Vivas" obtuvo una plataforma en línea que ofrecía una variedad de semillas y proporcionaba a los usuarios una experiencia de compra intuitiva y satisfactoria en el mundo digital.