← Todos los proyectos

Distribuidor de herramientas

Magniflora

La web portuguesa de un distribuidor reúne seis marcas, noticias, suscripción y contacto en un sistema visual común.

Estructura, diseño de interfaz, desarrollo web y lanzamientoEscaparate de 6 marcas · noticias · suscripción · formulario de contacto
Ver la web ↗
Primera pantalla de la web publicada de Magniflora
Primera pantalla de la web publicada de Magniflora

Contexto

Magniflora representa y distribuye en Portugal herramientas para agricultura, jardinería y ocio. Como trabaja con varias marcas, la web debe explicar el papel del distribuidor y, a la vez, mantener reconocible a cada fabricante.

El reto

Reunir marcas distintas en un escaparate claro y coherente. Quien visita la web debe entender a qué se dedica Magniflora, encontrar la marca que busca, ir a la información del fabricante o contactar con la empresa. Sin el peso de una tienda online: su función es presentar la oferta y conectar con la fuente de información adecuada.

Qué hicimos

  1. La empresa antes que el catálogo de marcas

    La página empieza con una foto de naturaleza y un breve bloque Quem somos. Sitúa el contexto de la agricultura y la jardinería y después explica a quién representa Magniflora y dónde trabaja.

  2. Un escaparate equilibrado para cada marca

    FELCO, ALPEN, ISTOR, SWIZA, EXBANOR y MESTO aparecen en bloques que se repiten. Logotipo, nombre y enlace a la web del fabricante dan a cada marca su propio sitio sin romper el ritmo común de la página.

  3. El siguiente paso, sin pantallas de más

    Encontrar un punto de venta de FELCO tiene su propio enlace bien visible. Los contactos están arriba de la página, y un formulario detallado junto con la información de la empresa cierran el recorrido.

  4. Las noticias como prolongación de la oferta

    Un carrusel de noticias muestra las novedades de producto y lleva a los detalles. La suscripción y los enlaces a redes permiten seguir a las marcas después de la primera visita.

Qué desarrollamos

Sistema visual

Las superficies blancas y grises neutras nunca compiten con los logotipos de los fabricantes. Los botones y textos negros hacen clara la navegación. Una gran foto de naturaleza aporta color y une las herramientas con su uso; las formas suaves y los espacios amplios mantienen una presentación tranquila.

accent#DCDCDC
dark#1C1C1C
light#FFFFFF
darkest#000000
lightest#FAFAFA

Tipografía de la interfaz

Los tamaños de abajo se midieron en la web publicada con un viewport de 1180 × 757 px CSS, zoom al 100 % y DPR 1. Describen esa maquetación concreta, no tamaños fijos para todos los dispositivos.

Familia
Poppins
Título Quem somos
41.49 px / 53.90 px · 500
Texto de entrada
21.66 px / 39.00 px · 300
Nombres de marcas
18.83 px / 24.47 px · 500
Título del buscador de puntos de venta
32.99 px / 43.97 px · 500
Título de la sección de marcas
41.49 px / 74.68 px · 500
Poppins en la web publicada: títulos en 500 y texto principal en 300.

Logotipo y uso

El logotipo combina el texto MAGNI FLORA en dos líneas con un símbolo vegetal dentro de un marco rectangular. En la web es una sola imagen, así que la composición se conserva entera, con marco y espacios interiores.

Logotipo original de Magniflora
El logotipo de la web publicada, sin cambiar sus proporciones.
Archivo del logotipo
1356 × 390 px · proporción 226:65 (≈ 3,48:1)
Uso en la cabecera
295,47 × 84,98 px CSS con un viewport de 1180 × 757
Composición
Bloque horizontal, nombre en dos líneas y símbolo vegetal

Los valores de color se comprobaron en el CSS de la web. Las muestras tipográficas son fragmentos de pantallas reales; los archivos de fuentes comerciales no se incluyen en este caso.

Recorridos y material

Conocer Magniflora → elegir una marca representada → la web del fabricante. Los compradores de FELCO tienen su propio camino hacia los puntos de venta; para preguntas directas, teléfono, correo y formulario de contacto. Las noticias y la suscripción complementan el recorrido principal sin sustituirlo.

Escaparate de las marcas representadas: logotipos, nombres y enlaces directos.
Escaparate de las marcas representadas: logotipos, nombres y enlaces directos.

Promoción

Optimizamos la web para buscadores, configuramos una cuenta de Google Ads y pusimos en marcha la publicidad y la promoción en buscadores.

El resultado

Se ha creado y lanzado una web única del distribuidor. Reúne marcas, noticias, enlaces útiles y contacto en una página coherente en portugués. Cada marca sigue siendo reconocible y Magniflora es el hilo que une toda la estructura.