Промосайт для продавцов на маркетплейсах

Год:

2023

Клиент:

Сервис для продавцов на Wildberries и Ozon

Тип проекта:

Одностраничный промосайт сервиса для продавцов на маркетплейсах

Задача

Перенести дизайн в работающий сайт:

Требовалось реализовать все предусмотренные блоки, сохранить визуальную логику макета и подготовить полноценную адаптивную веб-версию.

Представить сервис и его направления:

На одной странице нужно было последовательно раскрыть возможности TopStore, направления услуг, целевые группы пользователей, отзывы, партнёров, ответы на вопросы и способы связи.

Адаптировать длинную промостраницу:

Интерфейс должен был корректно работать на компьютерах, планшетах и смартфонах. Необходимо было сохранить читаемость контента, удобную навигацию и предусмотренные дизайном интерактивные элементы.

Настроить получение заявок:

Требовалось реализовать форму обратной связи, настроить отправку данных на электронную почту и показать пользователю понятное сообщение после успешной отправки.

Решение

Адаптивная frontend-разработка:

Сверстали все блоки по предоставленному дизайну. Адаптировали сетки, типографику, карточки, изображения, навигацию и элементы управления под разные размеры экранов.

Структура промосайта:

Собрали первый экран, показатели сервиса, видеоблок, направления услуг, аргументы в пользу продукта, сегменты аудитории, отзывы клиентов, партнёров, FAQ, призывы к действию и контактный раздел.

Навигация и интерактивные элементы:

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

Форма обратной связи:

Создали форму с полями для имени, телефона или Telegram, электронной почты и комментария. Настроили отправку обращений через SMTP и сообщение об успешной отправке.

Оптимизация загрузки:

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

Базовая поисковая подготовка:

Настроили необходимые метатеги и подготовили содержимое страницы к корректному отображению в поисковой выдаче и при публикации ссылки.

Результат

Разработали и запустили промосайт TopStore

В 2023 году по предоставленным заказчиком структуре, дизайну и текстам разработали адаптивный одностраничный сайт для сервиса TopStore.

На странице реализовали все предусмотренные макетом разделы: первый экран, показатели сервиса, видео, направления услуг, информацию для разных групп пользователей, отзывы клиентов, партнёров, частые вопросы, призывы к действию и контакты.

Адаптировали интерфейс под разные устройства

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

Также реализовали интерактивные элементы, предусмотренные дизайном: мобильное меню, переходы между разделами, слайдеры и раскрывающиеся ответы на вопросы.

Настроили форму, аналитику и техническую подготовку

На сайте работает форма обратной связи с отправкой обращений через SMTP. Пользователь может указать имя, телефон или Telegram, электронную почту и комментарий.

Подключили веб-аналитику и цели для отслеживания основных действий посетителей. Настроили метатеги, оптимизировали изображения, HTML, CSS и JavaScript.

Что вошло в результат

адаптивная вёрстка всех блоков по предоставленному дизайну;
одностраничная структура с навигацией по разделам;
интерактивные элементы и мобильное меню;
форма обратной связи с отправкой через SMTP;
оптимизация изображений, HTML, CSS и JavaScript;
настройка метатегов;
подключение аналитики и целей;
подключение домена и SSL-сертификата;
деплой и проверка сайта после публикации.

После проверки проект разместили на рабочем домене и передали заказчику.