Información clara antes de comprar
Reseñas simplificadas de suplementos: ingredientes, beneficios y precios en un solo lugar, sin confusión.
E-commerce — Suplementos naturales
Visitar el sitio en vivo
NATSUP
Guía y tienda completa de suplementos naturales con información de productos, precios y enlaces de compra oficiales en varios idiomas.
Visitar el sitio en vivo
Sobre el proyecto
NATSUP es una guía y tienda digital especializada en suplementos naturales, creada para quienes se interesan por la salud y el fitness: ofrece reseñas claras y simplificadas de suplementos — ingredientes, beneficios y precios — con enlaces de compra oficiales y fiables para cada producto. La interfaz es multilingüe y cubre productos conocidos mundialmente, con un objetivo: que la decisión de compra sea informada, segura y meditada.
Valor añadido
NATSUP no es solo un sitio de productos: es una herramienta de decisión antes de comprar:
Seis idiomas, una interfaz
Contenido disponible en inglés, árabe, francés, español, italiano y alemán — un alcance verdaderamente global.
Enlaces de compra oficiales
Cada producto remite a una fuente oficial fiable, protegiendo al visitante de enlaces dudosos.
Una estructura hecha para crecer
Un catálogo basado en datos JSON estructurados, ampliable a cientos de productos sin reconstruirlo.
El esfuerzo invertido en la construcción
El proyecto se construyó por fases: organizar y traducir los datos de productos a seis idiomas, construir el motor de traducción, diseñar una interfaz adaptada al móvil y, por último, la optimización para buscadores. Cada página pasó una revisión de contenido y traducción antes de publicarse, y el trabajo se extendió durante semanas en paralelo a mi aprendizaje diario.
- Idiomas de la interfaz
- 6
- Base de construcción
- Datos JSON estructurados
- Optimización
- SEO completo
Tecnologías utilizadas
Para construirlo
- HTML5
- CSS3
- JavaScript
- Motor de traducción multilingüe
- Capa de datos estructurada (JSON)
- Optimización SEO
- Cloudflare Pages
Para operarlo y mantenerlo
- Cloudflare Pages (alojamiento gratuito)
- CDN global
- SSL automático
- Despliegue con Wrangler
- Dominio pages.dev gratuito
Herramientas y habilidades — explicadas de forma simple
Cada herramienta, biblioteca y habilidad usada en este proyecto, explicada en lenguaje llano: qué es y qué aportó exactamente — sin símbolos crípticos.
HTML5
El lenguaje fundamental de las páginas web: define la estructura de cada página — títulos, imágenes, enlaces y botones. Es el esqueleto sobre el que todo lo demás se apoya, como la estructura de un edificio antes de la pintura.
CSS3
El lenguaje de estilo que da a las páginas su aspecto final: colores, tipografías, espaciado y adaptación al móvil. Es la diferencia entre una página gris sin alma y una interfaz agradable a la vista.
JavaScript
El lenguaje de la interacción dentro del navegador: pasa el sitio de una exposición estática a una experiencia viva — búsqueda instantánea, orden de productos y cambio de idioma sin recargar la página.
Motor de traducción multilingüe
Un código que escribí y que guarda los textos del sitio en seis idiomas y los cambia al instante según la elección del visitante — en lugar de construir seis sitios separados, un solo sitio sirve a todos.
Capa de datos JSON
Archivos organizados que mantienen productos, precios e ingredientes en una estructura limpia y legible; añadir un producto significa editar el archivo, sin tocar el diseño de la página.
Posicionamiento (SEO)
Títulos y descripciones precisos para cada página para que una búsqueda en Google la encuentre al primer intento — un visitante gratuito que la publicidad no puede comprar.
Gestión de enlaces de afiliación
Un solo archivo que reúne los enlaces de compra oficiales: fiables, actualizados y separados del contenido — protege al visitante de enlaces sospechosos y facilita las actualizaciones.
Cloudflare Pages
El alojamiento: una red mundial que distribuye el sitio en cientos de servidores gratis, de modo que se abre rápido desde cualquier país y con certificado de seguridad SSL automático.
Características clave
- Catálogo de productos con imágenes, ingredientes y precios
- Enlaces de compra oficiales y fiables
- Interfaz multilingüe
- Contenido educativo organizado
- Diseño adaptable al móvil
Coste estimado
Crear un proyecto similar
Camino autodidacta (lo que realmente hice)0 MAD — alojamiento y subdominio gratuitos; la verdadera inversión fue mi tiempo y aprendizaje.
Vía freelance/agencia en Marruecos (estimación)Aprox. 4.000 – 12.000 MAD por un sitio catálogo multilingüe de este tamaño.
Gestión y operación
Situación actual0 MAD al mes — funciona en el plan gratuito de Cloudflare Pages.
Al escalar (estimación)Dominio propio: unos 100 – 150 MAD al año, más servicios de pago opcionales (unos 50 MAD/mes).
Cifras orientativas en dirham marroquí (MAD); el coste real varía según el alcance, los requisitos exactos y el mercado de servicios. Mis proyectos actuales están construidos y funcionan íntegramente en planes gratuitos.
Lo que aprendí
Este proyecto me enseñó cómo se construye un sistema de contenido grande y organizado — datos, traducción y presentación — cómo se gestionan de forma limpia los enlaces de compra y seguimiento, y cómo la claridad y la honestidad construyen la confianza del visitante.