Vitalis — tienda online de suplementos para Europa: prototipo funcional en un día

Qué se ha hecho

La tienda online se ha construido con Next.js, una tecnología moderna en la que se basan los mayores sitios de comercio del mundo, y la IA Claude. Se ha realizado de forma profesional, siguiendo las mejores tradiciones de programación de 2026: el código fuente está registrado en GitHub, con documentación completa sobre la arquitectura adjunta. El código de la tienda es información confidencial del cliente: el repositorio es privado, no se publica en acceso público, y el propietario de la tienda tiene acceso a él. El proyecto se ha desplegado en un servidor y funciona en una dirección permanente. Para el cliente, esto significa algo sencillo: no estás atado a un solo proveedor; cualquier desarrollador podrá abrir el código, leer la documentación y seguir mejorando la tienda.

Vitalis — prototipo de tienda de suplementos dietéticos para Europa. Tarea: tienda online de suplementos dietéticos para ventas en Europa al estilo de los marketplaces de bienestar curados (referencia — healf.com), sin plataformas prefabricadas como Shopify — solo desarrollo propio.

Demostración en vivo: www.gptaria.com/p/vitalis — no son imágenes, sino una tienda en funcionamiento: entra y haz clic.

Un catálogo que ayuda a elegir

Los productos se dividen en cuatro áreas de salud — Nutrición, Movimiento, Mente, Sueño — y por objetivos: inmunidad, digestión, sueño, longevidad, energía. El comprador no navega por una lista interminable, sino que parte de su objetivo: "quiero dormir mejor" — y solo ve lo que es adecuado. En la ficha del producto — foto, marca, valoración con reseñas y precio.

Recomendaciones que aumentan el ticket

En cada ficha de producto hay un bloque "A menudo se pide junto". No muestra productos aleatorios: las recomendaciones se seleccionan por coincidencia de objetivos — a la creatina, la tienda sugerirá proteína y magnesio, porque realmente se compran juntos. Así funciona la venta adicional sin un solo vendedor.

Un carrito que vende solo

En el carrito hay integradas dos mecánicas de venta: la promoción "compra 3 — llévate 1 gratis" (el más barato de los cuatro — de regalo) y una barra de progreso para envío gratuito a partir de 50 € — el comprador ve "añade 12 € más" y añade. El carrito no se pierde al navegar por el sitio.

Área de cliente — menos preguntas al soporte

El comprador tiene su propia área: historial de pedidos con fechas, composición, importe y estado — pagado, enviado, entregado, devolución — y número de seguimiento del transportista (DHL, DPD) directamente en la ficha del pedido. La pregunta más frecuente al soporte de una tienda online es "¿dónde está mi pedido?"; aquí el comprador se responde a sí mismo, sin escribir ni llamar.

Allí mismo el comprador ve el importe total de sus compras en la tienda — es conveniente para basar un programa de fidelización: acumuló tanto, obtuvo un estatus y un descuento. En la configuración, el comprador cambia el correo electrónico y el idioma de la interfaz — los mismos cuatro idiomas que en el escaparate, por lo que un cliente alemán lee sus pedidos en alemán.

Sistema de gestión de sitios y ventas (CRM) listo para usar

La tienda se entrega con panel de administración — no es necesario comprar ni conectar un sistema de gestión aparte. Se abre en la dirección /admin y no requiere conocimientos técnicos: todo se edita en una tabla, como en un archivo normal.

Arriba — el dinero. Cuatro indicadores por los que normalmente se abren los informes: ingresos sin devoluciones, número de pedidos, número de compradores y ticket medio. El propietario ve el estado de la tienda un segundo después de iniciar sesión.

Pestaña "Productos" — gestión del escaparate. El precio y el stock se pueden corregir directamente en la línea de la tabla, el estado se cambia entre "Publicado" y oculto, un nuevo producto se añade con tres campos — marca, nombre, precio. La valoración y el número de reseñas se adjuntan a cada posición. En la versión completa, en el mismo lugar funciona la importación con IA: feed del proveedor (CSV / XML / API) → autocompletado de descripciones y textos SEO en idiomas de la UE → moderación → publicación, es decir, mil posiciones se introducen sin entrada manual.

Pestaña "Compradores (CRM)" — base de ventas repetidas. Para cada cliente: país, número de pedidos, LTV, fecha y estado del último pedido, búsqueda por nombre y correo electrónico. El sistema divide automáticamente a los compradores en segmentos — nuevo, recurrente, VIP, — y estas son listas listas para trabajar: los VIP obtienen acceso anticipado a novedades, a los recurrentes se les envía un recordatorio cuando se acaba el bote, a los nuevos les llega un correo de bienvenida. En los suplementos dietéticos, el beneficio se obtiene en el segundo y tercer pedido, no en el primero, por lo que los segmentos no son un adorno del informe, sino una herramienta de ingresos.

Ver el panel de administración: www.gptaria.com/p/vitalis/admin — abierto en modo de demostración, los datos son condicionales.

Promoción SEO y visibilidad en IA — integradas, no "después"

La tienda implementa un mecanismo de SEO automático: cuando se añade un producto o un artículo, todos los registros de servicio necesarios en la página — encabezados, descripciones, marcado para motores de búsqueda (schema.org) — se crean automáticamente. Estos registros son leídos tanto por Google como por sistemas de inteligencia artificial: ChatGPT, Gemini y otros asistentes de IA, a los que la gente pregunta cada vez más "¿dónde comprar?". La promoción funciona por sí sola: no es necesario contratar una empresa de SEO aparte y rehacer el sitio retroactivamente — la tienda nace visible. En la versión completa, la IA además escribe por sí misma descripciones de venta y textos SEO en idiomas de la UE para cada producto importado.

Cuatro idiomas — ventas en toda Europa

El ucraniano, el ruso, el inglés y el alemán ya funcionan: un conmutador en la cabecera, se traduce todo, incluido el menú. La arquitectura está preparada para cualquier idioma de la UE — salir a un nuevo mercado no requiere rehacer la tienda.

Versión móvil

Adaptación completa al teléfono: cabecera compacta, navegación por áreas, cuadrícula de productos para pantalla estrecha. La mayoría de las compras de suplementos dietéticos se realizan desde un smartphone — la tienda está preparada para ello.

Cómo se desarrolló el trabajo

El prototipo funcional apareció el día de la respuesta — en horas, no en semanas. Luego las iteraciones siguieron el mismo esquema: el cliente escribe qué cambiar, y ese mismo día ve el resultado en el mismo enlace. Basándose en esta respuesta, el cliente hizo una oferta — el proyecto se cerró con un acuerdo.

Qué incluye la versión completa

Importación de productos con IA a partir de listas de precios de proveedores con generación automática de descripciones y verificación de declaraciones de salud según las normativas de la UE (Reglamento 1924/2006), pagos Stripe / PayPal / Klarna, envío DHL / DPD / GLS / InPost, base de datos PostgreSQL y búsqueda rápida con filtros.

Stack: Next.js 15 · React 19 · Tailwind CSS 4 · TypeScript · Claude.