Погружение в бизнес заказчика
Изучили ТЗ, бриф, составили вопросы, созвонились с маркетологом компании
Первый этапа | 1 день
На созвоне уточнили, кто является прежде всего целевой аудиторией сервиса, обговорили что для них важно и как сервис закрывает их задачи. Выделили для себя три преимущества, на которые стоит делать акцент в прототипе.
Функциональные возможности
Сервис MPBoost объединяет все необходимые инструменты для автоматизации продаж, аналитики и управления репутацией в одном решении, делая процессы простыми и удобными.
Уровень сервиса
Компания обеспечивает профессиональную поддержку и обучающие материалы для пользователей, что позволяет им эффективно использовать сервис и достигать желаемых результатов.
Качество продукта
MPBoost предлагает высококачественные инструменты для продвижения и аналитики на маркетплейсах, что помогает эффективно улучшать позиции товаров и повышать продажи.
Изучение конкурентов
Второй этап | 1 день
В ходе конкурентного анализа мы обнаружили повторяющуюся проблему: уникальные преимущества сервисов и их функциональные возможности либо подаются поверхностно, либо «растворяются» в общем описании. Информация есть, но она не структурирована, не акцентирована и не помогает быстро понять, в чём реальная ценность продукта. Этот вывод напрямую повлиял на наш подход к прототипированию.
Разработка текстового прототипа
Третий этап | 4 дня
Мы сделали ставку на чёткую и визуально понятную демонстрацию ключевых преимуществ: выделили приоритетные функции в отдельные смысловые блоки, усилили их иерархией, упростили формулировки и убрали «размытые» описания.
Разработка дизайн-концептов
Четвертый этап | 6 дней
Заказчик обозначил чёткий вектор по стилю: современный, дружелюбный дизайн без излишней строгости. При этом важно было сохранить баланс — не скатиться в детскую или чрезмерно игровую стилистику. Ключевые требования сводились к чистой, информативной подаче с лёгким и динамичным визуалом. Интерфейс должен был восприниматься живым и современным, но при этом не отвлекать от сути продукта и его функциональных возможностей.
В качестве опоры у нас были материалы, предоставленные заказчиком: баннеры для социальных сетей и уже существующая дизайн-система сервиса. Эти элементы помогли нам точнее считать характер бренда, сохранить визуальную преемственность и выстроить дизайн-концепты так, чтобы они органично продолжали текущую коммуникацию, а не создавали ощущение нового, несвязанного продукта.
Креативы от заказчика
Дизайн-система сервиса
Дизайн-концепт 1
Дизайн-концепт 2
Полный дизайн
Пятый этап | 7 дней
Заказчик остановился на первом дизайн-концепте. В целом направление полностью соответствовало ожиданиям, однако потребовались точечные корректировки — в основном по цветовой палитре и визуальному решению первого блока. Мы оперативно внесли правки, скорректировали оттенки, заменили изображения, чтобы визуал лучше отражал сервис и усиливал первый экран как точку входа в продукт.
После согласования обновлённой версии мы перешли к разработке остальных блоков лендинга, сохраняя выбранную стилистику и выстроенную визуальную логику по всей странице.
Адаптивы и подготовка к верстке
Шестой этап | 1 день
Написали подробное ТЗ по функционалу, дизайну, эффектам и анимации для верстальщика. Подготовили все материалы и адаптивную версию дизайна под мобильные устройства. Передали проект на верстку.
Верстка и оптимизация
Седьмой этап | 9 дней
Завершили верстку сайта, оптимизировали изображения для ускорения загрузки, провели SEO-оптимизацию для правильной индексации поисковыми сайтами. Реализовали задуманные анимации и интерактивные эффекты.
Добились идеальных показателей загрузки страниц и технической оптимизации, что положительно повлияет в дальнейшем на "оценку" сайта поисковыми системами.
Данные с pagespeed.web.dev:
Тестирование. Проверка. Передача
Завершающий этап | 1 день
Тестирование сайта
Протестировали работу сайта на исправность. Проверили отображение в нескольких браузерах, и на мобильных устройствах Andriod и IOS.
Проверка дизайна
Проверили итоговую верстку на наличие визуальных ошибок, сравнив десктопную и мобильную версии сайта с дизайн-макетами.
Проверка текста
Вычитали текст на сайте, проверили на орфографические и пунктуационные ошибки. Внесли корректировки чтобы, сделать текст более продающим.
Итог
Передача заказчику
Подготовили сайт к запуску: разместили его на хостинге заказчика, подключили домен и передали полный комплект документации по работе с административной панелью. Проект был передан в полностью готовом к использованию виде.
В результате заказчик получил посадочную страницу, которая последовательно и понятно раскрывает ключевые преимущества сервиса, демонстрирует его функциональные возможности, а также усиливается отзывами и кейсами пользователей.
Всё это оформлено в современной, дружелюбной визуальной подаче. Страница работает как инструмент: аккуратно презентует продукт, формирует доверие и подводит пользователя к целевому действию.
