Разработка и внедрение редизайна

«Давим масло»: магазин натуральных продуктов и внедрение редизайна

Разработка интернет-магазина натуральных продуктов «Давим масло» объединила выбор товаров, покупку через корзину и знакомство с продукцией через контент.

Интернет-торговля · 2023–2024 · наша роль: разработка, развитие и внедрение; новый дизайн подготовил другой дизайнер.

каталог и корзина
блог
лид-магнит
внедрение чужого дизайна

Задача

Дать место и покупке, и знакомству с продуктами

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

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

В состав проекта вошёл и лид-магнит — отдельное предложение, призванное заинтересовать посетителя. Вместе эти части задают более широкую задачу, чем размещение товарной витрины: у магазина есть содержание для знакомства с продуктами до покупки.

Первая версия

Сначала готовая основа, затем новое оформление

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

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

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

Состав работы

Каталог, материалы и внедрение макетов

Мы разработали торговую и контентную части, затем занимались развитием магазина и внедрением редизайна.

Каталог, корзина и доставка

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

Блог интернет-магазина

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

Лид-магнит для интернет-магазина

Включили лид-магнит в состав сайта. Это дополнительное предложение для посетителя, который знакомится с продукцией магазина.

Внедрение редизайна

Реализовали предоставленные макеты в существующем проекте. В этой части наша работа — перенести визуальное решение в работающий сайт.

Развилки

Что меняется вместе с выбранным решением

В этом проекте важны источник оформления и сочетание торговли с контентом. У каждого решения есть своя рабочая нагрузка.

От шаблона к предоставленному дизайну

В первой версии использовали готовую основу, позже внедрили макеты другого дизайнера. Шаблон задаёт исходный набор визуальных решений; собственный макет требует отдельной реализации.

При таком переходе макеты нужно связать с содержимым и поведением магазина. В этом и состоит дополнительная техническая работа при внедрении редизайна интернет-магазина.

Каталог вместе с контентной частью

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

Обратная сторона этого решения — работа с содержанием: блогу нужны публикации, лид-магниту — предложение, полезное посетителю. Само создание разделов не заменяет эту работу.

Результат

Магазин с торговой и редакционной частями

Клиент получил сайт для продажи натуральных продуктов, размещения материалов и предложения лид-магнита, а затем — реализованное новое оформление.

Открыть сайт «Давим масло» .

Главная «Давим масло»: навигация к каталогу и блогу, баннер продукта — Главная страница магазина с навигацией по торговым и контентным разделам.

Для похожего проекта

Что включить в задание на разработку магазина

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

Перечислите торговые и контентные разделы отдельно. Для каждого раздела укажите нужные страницы и материалы.
Уточните, кто готовит публикации и предложение для лид-магнита. Договоритесь, кто передаст материалы и кто разместит их на сайте.
Для внедрения чужих макетов определите, кто отвечает на вопросы по дизайну и кто принимает техническую реализацию.
Сохраните исходную версию и макеты. Позднее они помогут отделить конкретный этап работ от дальнейших изменений сайта.

Если задача пока звучит только как «обновить сайт», начните с разбора ситуаций, когда редизайн не нужен: сначала стоит понять, какое изменение требуется бизнесу.

Услуга

Разработка магазина и работа с готовым дизайном

Похожая задача может начинаться с создания сайта или с внедрения уже подготовленных макетов.

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

Контакты

Нужно внедрить новый дизайн магазина?

Пришлите ссылку на магазин и макеты, если они уже есть. Расскажите, что хотите изменить и есть ли жёсткая дата внедрения.

Ответим, если задача подходит по формату и загрузке. Ориентиры по бюджетам — в разделе стоимости.

Обсудить задачу

Работаем удалённо по всей России. Отвечаем с 8:00 до 18:00 по московскому времени

Сайт · задача · срок, если он важен · бюджетный ориентир, если определён