Лендинг Lanmei. Перезапуск за один день

Реальные скриншоты первого экрана при одинаковой ширине окна — 1440 px. Передвигайте разделитель, чтобы сравнить версии, или выберите «Было» и «Стало».

Lanmei организует оптовые поставки из Китая: помогает найти фабрику, согласовать образец, проверить партию и доставить товар на склад. На новой странице нужно было последовательно объяснить этот процесс и дать посетителю понятный следующий шаг.

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

«Сможете привезти мой товар, что возьмёте на себя и как узнать стоимость?»

На первом экране — поставки в одном образе

Корабль, поезд, фура и контейнер образуют единую сцену. Объёмная графика поддерживает тему логистики, а свободная зона слева сохраняет читаемость предложения.

Широкий ассортимент с понятными входами

Выделили продукты питания, электронику и стройматериалы. Для остальных категорий добавили список ниш и вход «Другой товар». Выбранная категория сохраняется вместе с заявкой.

Четыре этапа вместо общего обещания

«Находим фабрику», «Согласуем образец», «Проверяем партию», «Доставляем на склад». Каждый шаг получил короткое объяснение и свою предметную композицию.

Доказательства рядом с предложением

Добавили 13 историй поставок с ручным перелистыванием, материалы расчёта, документы и команду. Фактические сведения взяли из материалов компании и уточнений владельца.

Короткая форма для первого контакта

Оставили имя, телефон и согласие. Товар и объём компания уточняет при разговоре. Посетителю не нужно повторно выбирать категорию, с которой он открыл форму.

Работали по блокам: сначала согласовывали направление, затем готовили графику и собирали секцию. Владелец выбирал варианты, уточнял факты и принимал результат.

Разобрались в предложении

Уточнили позиционирование, ассортимент, структуру страницы и вопросы посетителей.

Зафиксировали визуальную систему

Определили сетку, типографику, цвета и характер изображений на основе прототипа.

Собрали страницу блок за блоком

Подготовили сцены и товарные композиции, сверстали секции, добавили взаимодействия и анимацию.

Подготовили к использованию

Адаптировали страницу, подключили приём заявок в Google Таблицу и настроили цели Метрики.

Опубликовали и проверили

Сохранили прежний сайт, переключили домен, проверили новую страницу и реальную запись тестовой заявки.

Заявки

Форма → сервер Timeweb → Google Таблица. При временном сбое Google заявка остаётся в закрытой очереди. Повторная отправка с тем же ID не создаёт дубль.

Аналитика

Сохранили существующий счётчик Метрики и создали 8 целей: приём заявки, открытие формы, контакты и ошибки. Основная цель срабатывает после сохранения заявки сервером.

Адаптивность

Подготовили телефонную и планшетную версии, отдельный мобильный фон первого экрана. Проверили меню, форму, кейсы, документы и отсутствие горизонтальной прокрутки.

Базовое SEO

Подготовили заголовок и описание страницы, canonical, Open Graph, favicon, sitemap и структурированные данные о сайте и компании.

Защита и запуск

Закрыли доступ к служебным файлам, добавили защитные заголовки и лимит запросов формы. Старую версию сохранили на сервере с возможностью возврата.

За один день прошли путь от структуры и первых вариантов до опубликованного лендинга с адаптивными версиями, рабочей формой и настроенной аналитикой.

На момент подготовки кейса новая версия только запущена. Влияние редизайна на количество заявок и стоимость обращения ещё предстоит оценить по накопленной статистике.

Прежняя версия Lanmei целиком.

Новая версия Lanmei целиком. Посмотреть работающий сайт Lanmei.