(сайт) · e-commerce · 2024

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

Новая структура каталога, больше 50 карточек товаров с галереей и инфографикой, контент, который сразу адаптируется под маркетплейсы, и CG-ролик для главной.

Сайт интернет-магазина aciess на ноутбуке и термокружка рядом
Клиент
aciess
Отрасль
Интернет-магазин термокружек
Что сделали
Сайт, CG-ролик, Контент и карточки товаров
Год
2024
Кейс на площадках
Dprofile, Behance
(00)Кейс
(01)Задача
(01)

Сайт интернет-магазина aciess: задача

Для дистрибьютора термокружек aciess мы обновили сайт. Главной задачей агентства стала помощь в коррекции продуктовых линеек, создание концепта карточки товара и полная пересборка всех карточек, а также подготовка сайта для международной торговли. Главную страницу сайта нужно было освежить и переосмыслить. Мы разработали новую навигацию по сайту и сделали CG-ролик в качестве имиджевого промо. Внутри сайта — более 50 карточек товара, каждая из которых обладает продуманной товарной галереей, описанными преимуществами, инфографикой и уникальным контентом. Весь контент мы создали и адаптировали в своём продакшене. Сейчас сайт передан на управление команде со стороны клиента.

Сайт aciess.com работает на английском: магазин продаёт термокружки в США с доставкой, цены указаны в долларах.

50+карточек товара с галереей и инфографикой
Десяткипродуктовых съёмок
(01)Задача
(02)CG-ролик
(02)

CG-ролик на главной странице

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

(02)CG-ролик
(03)Структура
(03)

Структура сайта и навигация по каталогу

Одной из ключевых задач агентства была разработка структуры сайта. Необходимо было придумать решение по компоновке товара в понятные категории и подробные карточки. Вместе со стратегами агентства мы помогли клиенту продумать и пересобрать всю товарную линейку. Придумали названия товарных категорий для удобной навигации. Разработали решение, которое помогло собрать все товары внутри всего нескольких категорийных карточек. Их мы разместили на главной странице. Через серию этих карточек сайт приятно ведёт пользователя сразу до нужного товара всего в несколько кликов — прямо в карточку. Если возникает желание посмотреть полный каталог в привычной подаче маркетплейсов — в меню предусмотрена отдельная кнопка каталога.

Сайт собран на Тильде, сейчас им управляет команда клиента.

(03)Структура
(04)Карточки
(04)

Карточки товаров: от простого к жизненно понятному

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

(04)Карточки
(05)Контент
(05)

Контент для сайта и маркетплейсов

Большой интернет-магазин нуждается в огромном количестве контента. Мы провели десятки продуктовых съёмок, а для имиджевых фото на сайт мы собрали визуальный материал, который снимали для заказчика в последние несколько лет.

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

Это сэкономило огромное количество усилий команде и денег клиенту. Ему не пришлось дополнительно проводить фотосъёмки или нанимать дизайнера для карточек товаров на маркетплейсе — достаточно было всего лишь адаптировать созданные концепции. И мы это сделали.

(05)Контент
(06)Вопросы
(06)

Вопросы о сайте и карточках товаров

Как сделать карточки товаров, которые работают и на сайте, и на маркетплейсах?

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

Что должно быть в карточке товара?

Продуманная товарная галерея, описанные преимущества, инфографика и уникальный контент. Галерея ведёт покупателя от простого к жизненно понятному: от того, как устроен товар, к тому, как им пользуются. На сайте aciess так оформлено больше 50 карточек.

Какая инфографика нужна для маркетплейсов?

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

Как упростить навигацию интернет-магазина?

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

Зачем интернет-магазину CG-ролик?

Чтобы за секунды показать то, что долго объяснять текстом. CG-ролик aciess показывает флагманскую кружку, её цвета и инженерные решения, а разлёт по деталям объясняет, как устроены крышка и ситечко. Подробнее на странице моушна и 3D.

(06)Вопросы
(07)Команда
(07)

Команда проекта

(команда проекта)
Руководитель проекта, арт-директор
Данил Снег
Руководитель проекта со стороны клиента
Константин Субботин
CG и анимация
Данил Снег
Монтаж
Евгений Дробышев
Веб-дизайнер
Максим Соколков
Технический дизайнер
Наталья Шпакова
Вёрстка
Валерия Соломатина
Контент-менеджер
Ксения Ларионова
(первый шаг)

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

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

Обсудить проект Все проекты агентства