Разработка сайта для Maol – экспортера натурального меда

Выбор формата: почему one-page

Мы сознательно отказались от многостраничной структуры: в нише закупки/экспорта меда пользователи хотят за 1–3 минуты понять, кто вы, как работает контроль качества, какие условия поставки/закупки, и куда нажать, чтобы оставить запрос. Одностраничный подход с якорным меню дает более быстрый сценарий: вы прокручиваете ленту или прыгаете по разделам из хедера – без лишних загрузок страниц.

Каркас страницы и ключевые блоки

Мы собрали логическую последовательность секций, где каждая отвечает на отдельное возражение или потребность:

1. Hero-секция с позиционированием и двумя CTA
   Краткое, понятное сообщение об экспорте натурального украинского меда + две кнопки-якоря: “Купить мед (импортерам)” и “Продать мед (пчеловодам)”. Сразу видны речевой переключатель (укр/англ) и контакт.
2. О компании в двух абзацах
   Без воды: опыт, география поставок, фокус качества. Рядом — микро-галерея строящего доверие производства.
3. Импортерам
   На одной карте: ассортимент (моно/полифлорные сорта), условия сотрудничества, Инкотермс (DAP/FCA), стандартная тара — металлическая бочка 213 л, типовая авто-загрузка (до 72 бочек, около 20 880 кг нетто), список сопроводительных документов. Ниже форма «Получить коммерческое предложение».
4. Пчеловодам
   Минимальный объем продаж, правила отбора образцов, как происходит логистика, сроки и формат выплат. Рядом форма «Хочу продать мед».
5. Контроль качества и сертификация
   Краткая карта процесса: прием, лабораторный анализ, отслеживание партий, соответствие международным требованиям. Значки + упоминание о сертификатах. Все вмещается в 6-8 строк, но с высоким информационным коэффициентом.
6. FAQ-аккордеоны
   Длинные вопросы – краткие ответы. Формат аккордеонов дает компактность и улучшает поведенческие метрики (люди взаимодействуют со страницей, не теряются в тексте).
7. Фотолента «MAOL в кадре»
   Реальные фото: пасеки, производство, тара, логистика. Это встроенный блок доверия, часто просматриваемый перед заполнением формы.
8. Контакты и быстрый запрос
   Карта, телефоны, почта и еще один дубль CTA. Для мобильных – кнопка звонка «в один тап».

UX-решение для одной страницы

• Якорное меню в хедере + липкий нижний бар на мобильных: «Купить мед/Продать мед».
• Микро-прогресс: при скроле активируется соответствующий пункт меню – понятно, где вы находитесь.
• Формы в нужный момент: у каждого сегментного блока своя форма, чтобы не тянуть пользователя в футер.
• Двухзначный CTA-копирайт: «Получить предложение» для импортера, «Продать мед» для пасечника — разные мотивации, разные микротексты.

Техническая реализация

• WordPress с кастомным блочным конструктором: все секции – отдельные блоки, которые можно менять местами, дублировать, выключать.
• Мультиязык (укр/англ) без дубля контента: общие медиа, отдельные тексты, синхронные якоря.
• Производительность для one-page: ленивая загрузка медиа, WebP/AVIF, минимизация скриптов, preconnect к шрифтам, inline-критические стили, кэширование.
• SEO-основа: H1 только в Hero, логическая цепочка H2/H3 по секциям; микроразметка Organization и FAQPage; осмысленные alt-тексты; человеко-читаемые якоря (#importers, #beekeepersи т.п.).
• Формы: серверная валидация, honeypot, предел попыток, схемы UTM-меток; email-уведомление менеджерам; хранение заявок в админке.
• Безопасность: заголовки безопасности, обновление ядра, резервные копии, anti-spam.

Контент и доверие

Мы не рассеиваем внимание: сразу даем «скелет» фактов, необходимых для решения — качество, документы, тара, объемы, условия сотрудничества. Галерея и короткие кейс-факты рядом с формами заметно повышают конверсию первого скрола: пользователь не ищет другую страницу – у него уже есть все необходимое здесь и сейчас.

Результат для бизнеса

• Сайт быстро загружается и не заставляет прыгать между разделами – уменьшение отказов и увеличение времени на странице.
• Две воронки на одной странице: импортерам и пчеловодам легко «войти» в свой сценарий.
• Международная готовность: англоязычная версия, четкие условия поставок и пакет документов, ожидаемый B2B-аудиторией.
• Экономия на поддержке: все блоки редактируются контент-менеджером без участия разработчика.