Diseño y Desarrollo Web

Sílvia Jesus Art Gallery

La web de Sílvia Jesus es una plataforma de e-commerce completa que reúne tres líneas de producto muy distintas —cuadernos artesanales personalizables, piezas decorativas de escayola y dibujos/láminas con precio según el tamaño del papel— en una única tienda coherente. Los clientes buscan y filtran un catálogo en tiempo real conectado a Firestore (categoría, tamaño de papel, rango de precio, disponibilidad, ordenación), personalizan cuadernos mediante un asistente de 4 pasos con cálculo de precio en tiempo real, leen reseñas de clientes con desglose por estrellas y finalizan la compra con MB Way, Multibanco o tarjeta.

Fecha de finalización: septiembre de 2026
Visitar la Web
Detalles del Proyecto

Resumen

Sector

Arte y Artesanía / E-commerce — Piezas Artesanales

Alcance

Plataforma de e-commerce completa: catálogo de productos conectado a Firestore en 3 categorías, asistente de personalización de cuadernos en 4 pasos, filtrado y búsqueda avanzados con filtros sincronizados en la URL, un sistema de reseñas y valoraciones de clientes, cuentas de usuario autenticadas con historial de pedidos, carrito de compra y checkout con métodos de pago portugueses (MB Way, Multibanco, tarjeta)

Plazo

Desarrollo por fases de mayo a septiembre de 2026 (~4,5 meses), desde la construcción inicial hasta la integración del backend en Firebase

El Problema

El Reto

Sílvia Jesus, una artesana que trabaja en tres tipos de producto muy distintos —cuadernos personalizables, piezas decorativas de escayola y dibujos/láminas con precio según el tamaño del papel—, necesitaba reunir los tres en una única tienda online coherente. También necesitaba un checkout adaptado a los hábitos de pago portugueses (MB Way, Multibanco) y una forma de que los clientes pudieran seguir sus pedidos tras la compra.

Nuestro Enfoque

La Solución

Construimos una plataforma a medida en React y Firebase, con lógica de producto específica por categoría —un asistente de personalización para los cuadernos, precios según el tamaño del papel para las láminas—, respaldada por un catálogo en tiempo real en Firestore y un flujo de cuenta e historial de pedidos autenticado, todo ello envuelto en una interfaz animada y mobile-first alineada con la identidad visual de la artista.

Qué Incluye

Características Clave

Carrito de Compra y Pedidos Online
Integración con Firebase Firestore
Asistente de Personalización de Producto
Reseñas y Valoraciones de Clientes
Filtrado por Categorías y Búsqueda
Cuentas de Usuario e Historial de Pedidos
Métodos de Pago Portugueses
Animaciones con Framer Motion
Rendimiento

Resultados

100/100
Puntuación de buenas prácticas
Google Lighthouse, build de producción
0
Cumulative Layout Shift
Google Lighthouse — sin inestabilidad visual durante la carga
88/100
Puntuación de accesibilidad
Auditoría de accesibilidad de Google Lighthouse
3
Categorías de producto
Cuadernos, piezas de escayola, dibujos y láminas
Tecnología

Stack Tecnológico

React 19
Vite 6
TypeScript 5
Tailwind CSS 3.x
React Router DOM 7
React Hook Form
Zod
Radix UI
Framer Motion
Firebase (Auth, Firestore, Storage, Functions)
Empezar

¿Listo para Empezar Tu Proyecto?

Hablemos de cómo podemos crear una web espectacular adaptada a las necesidades de tu negocio.

Sílvia Jesus Art Gallery | Portafolio | low-key solutions