← Все проекты

Каталог инструментов

Magniflora

Сайт дистрибьютора на португальском: шесть брендов, новости, подписка и форма обращения в общей визуальной системе.

Структура, дизайн интерфейса, веб-разработка и запускВитрина 6 брендов · новости · подписка · форма связи
Посмотреть сайт ↗
Первый экран действующего сайта Magniflora
Первый экран действующего сайта Magniflora

Контекст

Magniflora представляет и распространяет в Португалии инструменты для сельского хозяйства, садоводства и отдыха. Компания работает с несколькими марками, поэтому сайт должен объяснять роль дистрибьютора и одновременно сохранять узнаваемость каждого производителя.

Задача

Собрать разные бренды в цельную, понятную витрину. Посетитель должен увидеть, чем занимается Magniflora, найти нужную марку, перейти к информации производителя или связаться с компанией. Сайт не перегружен устройством интернет-магазина: его главная задача — представить ассортимент направлений и соединить посетителя с нужным источником информации.

Решения

  1. Компания прежде каталога марок

    Страница начинается с природного фотокадра и короткого блока Quem somos. Он задаёт контекст сельского хозяйства и садоводства, затем объясняет, кого представляет Magniflora и где работает компания.

  2. Равноправная витрина брендов

    FELCO, ALPEN, ISTOR, SWIZA, EXBANOR и MESTO представлены в повторяемых блоках. Логотип, название и переход на сайт производителя дают каждому бренду собственное место, сохраняя общий ритм страницы.

  3. Следующий шаг без лишних экранов

    Для поиска точки продажи FELCO предусмотрен отдельный заметный переход. Контакты доступны в верхней части страницы, а подробная форма и информация о компании завершают маршрут.

  4. Новости как продолжение ассортимента

    Карусель новостей показывает продуктовые обновления и ведёт к подробностям. Подписка и социальные ссылки дают возможность продолжить знакомство с марками после первого посещения.

Что сделали

Визуальная система

Нейтральные белые и серые поверхности не конкурируют с логотипами производителей. Чёрные кнопки и текст образуют ясную навигацию. Большой природный кадр приносит цвет и связывает инструменты с областью применения; мягкие формы и широкие интервалы поддерживают спокойную подачу.

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

Типографика в интерфейсе

Размеры ниже измерены в действующем сайте при viewport 1180 × 757 CSS px, масштаб 100%, DPR 1. Это параметры конкретной компоновки, а не фиксированные размеры для всех устройств.

Семейство
Poppins
Заголовок Quem somos
41.49 px / 53.90 px · 500
Вводный текст
21.66 px / 39.00 px · 300
Названия брендов
18.83 px / 24.47 px · 500
Заголовок точки продаж
32.99 px / 43.97 px · 500
Название секции брендов
41.49 px / 74.68 px · 500
Poppins на действующем сайте: заголовок 500 и основной текст 300.

Логотип и применение

Логотип объединяет двухстрочную надпись MAGNI FLORA и растительный знак в прямоугольной рамке. На сайте это единое изображение: композиция сохраняется целиком, включая рамку и внутренние интервалы.

Оригинальный логотип magniflora
Логотип из действующего сайта, без изменения пропорций.
Файл логотипа
1356 × 390 px · пропорция 226:65 (≈ 3.48:1)
Применение в шапке
295.47 × 84.98 CSS px при viewport 1180 × 757
Композиция
Горизонтальный блок, двухстрочное название и растительный знак

Цветовые значения сверены с CSS сайта. Образцы типографики показаны фрагментами реальных экранов; файлы коммерческих шрифтов в кейс не включены.

Сценарии и материалы

Знакомство с Magniflora → выбор представляемой марки → сайт производителя. Для покупателей FELCO есть отдельный путь к точкам продаж; для прямого вопроса — телефон, почта и контактная форма. Новости и подписка дополняют основной сценарий, не заменяя его.

Витрина представляемых марок: логотипы, названия и прямые переходы.
Витрина представляемых марок: логотипы, названия и прямые переходы.

Продвижение

Провели SEO-оптимизацию, настроили личный кабинет Google Ads, запустили рекламу и продвижение сайта в поиске.

Что реализовано

Создан и запущен единый сайт дистрибьютора. Он собирает марки, новости, полезные переходы и контакты в последовательную страницу на португальском языке. У каждой марки сохранена узнаваемость, а Magniflora остаётся связующим звеном всей структуры.