DelgadoDevCatálogo web personalizado · Cosmética
DecideSer
Una experiencia mobile-first para descubrir, comparar y pedir productos Avon y Natura.
266
productos reales
2
marcas principales
98
Performance mobile (PageSpeed)
100
SEO (PageSpeed)
100
Prácticas recomendadas (PageSpeed)
96
Accesibilidad (PageSpeed)
Medido con PageSpeed Insights (mobile). No es un valor fijo ni una certificación.
El desafío
Más que un catálogo
Cientos de productos, pero la experiencia se sentía una base de datos, no un catálogo profesional.
Cada producto se administra con una sola foto cuadrada 1080×1080 en fondo blanco. El desafío: que esa simplicidad se viera profesional, no genérica.
De un catálogo tradicional a una experiencia de compra mobile-first.
La solución
Cómo se resolvió
Mobile first
Pantallas de 375 a 430px, dos columnas de producto y navegación con el pulgar.
Product-first
Fotos 1080×1080 en blanco como lenguaje visual propio, sin banners ni fotografía editorial.
Descubrimiento
Categorías, marcas, búsqueda, filtros y orden entre 266 productos.
Conversión
Ficha de producto, Mi Pedido y cierre por WhatsApp.
Administración
Admin V2 con CRUD completo: precio, stock, imagen, marca, promo, estado.
Medición
Panel de BI propio con visitas y clics a WhatsApp. GA4, en preparación.
Capturas
01Categorías
02Marcas
03Catálogo
04Filtros
05Producto
06Mi Pedido
07Admin
08Analytics
Qué incluye
Catálogo
- · Catálogo dinámico
- · Categorías dinámicas
- · Marcas dinámicas
- · Búsqueda
- · Filtros
- · Ordenamiento
- · Disponibilidad
Conversión
- · Ficha de producto
- · Mi Pedido persistente
- · Pedido por WhatsApp
Administración
- · Admin V2 protegido
- · Autenticación con permiso de administrador
- · Subida de imágenes
- · CRUD completo de productos
SEO
- · Renderizado en servidor
- · Metadata dinámica
- · Canonical
- · Datos estructurados de producto
- · Datos estructurados de breadcrumb
- · Sitemap dinámico
- · Páginas de categorías y marcas
Legal y privacidad
- · Consentimiento de cookies
- · Política de privacidad
- · Derechos del consumidor
Analítica
- · Panel de BI propio: visitas, productos vistos y clics a WhatsApp
- · Integración con Google Analytics 4, en preparación
Performance
Diseño visual sin sacrificar rendimiento.
Server Components, poco JS de cliente, next/image y Firestore optimizado.
98
Performance
96
Accessibility
100
Best Practices
100
SEO
Medición mobile, PageSpeed Insights. Puede variar con cambios futuros del sitio.
Ver detalles técnicos
Funcionalidades principales
- · Catálogo dinámico
- · Categorías dinámicas
- · Marcas dinámicas
- · Búsqueda
- · Filtros
- · Ordenamiento
- · Disponibilidad
- · Ficha de producto
- · Mi Pedido persistente
- · Pedido por WhatsApp
- · Admin V2 protegido con autenticación
- · CRUD completo de productos (precio, stock, imagen, marca, categoría, promo, estado)
- · SEO dinámico con datos estructurados y sitemap
- · Consentimiento de cookies y política de privacidad
- · Panel de analítica (BI) propio con métricas de comportamiento
Decisiones de UX
Mobile-first (375-430px), fotos 1080×1080 como lenguaje visual propio y pedido por WhatsApp, el canal que el usuario ya usa.
Estado actual
En producción en www.decideser.com.ar, con 266 productos reales y admin propio en uso diario.
Qué falta completar
Integrar Google Analytics 4.
Resultados o aprendizajes
Resultados técnicos verificados: catálogo real, performance y SEO medidos con PageSpeed Insights, y un panel de analítica propio que ya registra visitas y clics a WhatsApp. Todavía sin volumen suficiente para sacar conclusiones de negocio.
¿Tu catálogo todavía depende de PDFs, estados de WhatsApp o publicaciones sueltas?
Puedo convertirlo en un catálogo web personalizado, como hice con DecideSer.
Contacto
¿Buscás sumar un desarrollador al equipo o necesitás crear un proyecto?
Estoy disponible para oportunidades Frontend / React y también para proyectos freelance. Respondo personalmente cada mensaje.