Pétalo&co

Desarrollo Web y Tienda Online con Wordpress +WooCommerce

Ejercicio práctico

El Reto...

Pétalo&Co es un proyecto académico cuyo objetivo era crear una web corporativa con tienda online funcional para una floristería. El reto incluía:

  • Subida y organización de productos.

  • Configuración completa del sistema de compra.

  • Gestión de impuestos y tasas.

  • Optimización de imágenes.

  • Experiencia de usuario clara y sencilla.

Contexto

Contexto

El encargo consistía en diseñar y desarrollar una página web que cumpliera una doble función:

  • Actuar como catálogo digital atractivo para mostrar arreglos florales.

  • Funcionar como e-commerce operativo, permitiendo la compra directa de productos.

La propuesta debía simular un caso real de pequeño negocio local que necesitara digitalizar sus ventas.

Problema a resolver

¿Cómo crear una web visualmente delicada y alineada con el sector floral, pero al mismo tiempo completamente funcional como tienda online?

Objetivo

Objetivo

  • Aplicar conocimientos de desarrollo web con WordPress.

  • Configurar correctamente WooCommerce.

  • Crear una experiencia de compra fluida.

  • Diseñar una web coherente con la identidad de una floristería moderna.

La solución

Metodología

Enfoque estratégico

Se diseñó una web limpia, elegante y visualmente delicada, alineada con el sector floral, priorizando la limpieza y la información directa

Estructura de la Landing

  • Diseño con estética minimalista y paleta suave.

  • Fichas de producto claras con descripción, precio y botón de compra visible.

  • Categorías organizadas (ramos, centros, etc.).

  • Optimización de imágenes para mejorar tiempos de carga.

  • Checkout simplificado para reducir fricción.

Tecnología y herramientas

  • WordPress – Gestión del sitio web.
  • WooCommerce – Implementación de la tienda online.
  • Plugins complementarios para optimización y seguridad.
  • Herramientas de edición y optimización de imágenes.

Workflow

Workflow

  • Definición de estructura web.
  • Diseño previo (wireframe básico).
  • Instalación y configuración del CMS.
  • Elección y personalización del tema.
  • Carga de productos y ajustes técnicos.
  • Testeo completo del proceso de compra.

¿Hablamos de tu

Próximo Proyecto?

RELLENA EL FORMULARIO
Scroll al inicio