Banner

About Us

Text + image

<h1 style="white-space:pre-line">Natural Beauty with Purpose</h1>
<p class="large">At Al Zaini, we are passionate about offering natural cosmetic products that respect both your skin and the environment. Located in Madrid, we specialize in connecting companies with sustainable and effective beauty solutions.</p>
<p class="large">We believe in transparency and high-quality ingredients, so that every personal care experience is as pure as it is rewarding. Join our mission to transform corporate beauty with an ecological and ethical approach.</p>

Text

<p class="large" style="white-space:pre-line;text-align:center"><span style="color:#ffffff">Discover a sustainable and effective approach to beauty, designed to enhance authenticity and well-being.</span></p>

Image carousel

Call to action

Join Al Zaini and access our exclusive and innovative range of natural cosmetics.

Discover the Natural Beauty

Al Zaini

El objetivo principal del sitio es presentar una imagen profesional, limpia y coherente del catálogo de productos, resaltando sus ingredientes naturales y beneficios, y facilitar que compradores profesionales puedan contactar para establecer acuerdos comerciales.

La estructura principal del Front End está organizada en varias secciones clave:

Inicio (Home):
Un espacio orientado a captar la atención de las empresas mostrando los valores de la marca, la calidad y singularidad de los ingredientes (Aceite de Oliva, Lavanda, Licopeno), la filosofía de sostenibilidad y lujo mediterráneo. Este apartado debe transmitir minimalismo y elegancia con un diseño moderno y sutil que refleje la pureza y conciencia ecológica del producto.

Productos:
Esta sección contiene el catálogo completo segmentado por categorías y subcategorías. Se debe permitir un sistema de filtrado que permita al usuario buscar productos tanto por tipo (cremas corporales, faciales, sérums, jabones, bálsamos) como por ingrediente principal (aceite de oliva, lavanda, licopeno).
Cada producto se muestra con su nombre, descripción detallada, beneficios principales y características únicas. Cada producto tendrá su propia página con imágenes específicas, destacando el envase correspondiente (por ejemplo, un Body Cream de Licopeno con su imagen individual), siguiendo una línea estética coherente.
Las descripciones deben enfocarse en propiedades purificadoras, regeneradoras, antioxidantes, hidratantes y en la experiencia de uso que ofrecen. Es fundamental destacar los ingredientes naturales con su color asociado usado visualmente: verde para aceite de oliva, púrpura para lavanda, rojo-naranja para licopeno, creando una segmentación visual clara y atractiva.

Blog / Noticias / Consejos:
Una sección donde se alojarán artículos informativos, novedades de la empresa, consejos de uso y temas relacionados con la belleza natural, ecología y salud. Cada post debe incluir imágenes, texto editable y control SEO individual.

FAQs:
Un espacio donde se responderán las preguntas más frecuentes relacionadas con los productos, la empresa, la distribución y políticas. Se debe permitir la edición dinámica para añadir nuevas preguntas y respuestas desde el Back Office.

Contacto:
Página con formularios para que los proveedores interesados puedan contactar directamente con la empresa. El formulario debe permitir gestión dinámica con estados y exportación de datos.

Aspectos técnicos y de diseño:

La web debe estar disponible en los idiomas español (predeterminado), francés, inglés y árabe clásico. En cada idioma, todo el contenido textual y visual debe estar adaptado para mantener coherencia.

El diseño debe ser minimalista y elegante, con un toque de lujo mediterráneo, usando los colores de los ingredientes como hilo conductor visual.

La página será prioritaria para desktop, contemplando una adaptación responsive automática para móvil y tablet, con control posible para editar versiones de escritorio y móvil.

La navegación será intuitiva, con un menú claro y organizado que incluye visibilidad y segmentación según ubicación geográfica del visitante.

La velocidad de carga debe estar optimizada; el sistema debe incluir conversión automática de imágenes a formatos ligeros como WebP para mejorar tiempos.

Se deben integrar elementos visuales dinámicos como carrousels para imágenes y videos, siempre respetando la coherencia visual y la elegancia.

Los contenidos deben ser fácilmente gestionables desde un Back Office que permita crear, editar y borrar textos, imágenes, videos, PDFs, formularios y configurar SEO por página o post.

Puedes guiarte en está página iniciada para esta empresa en: https://keen-faun-79b7db.netlify.app

Mulish

Dancing Script

Italianno

Merriweather