Главные изобретения человечества: редизайн сайта The Book

Мы в REB8T делаем цифровые продукты, геймифицируем сервисы и превращаем обучение в увлекательные симуляции. Делимся кейсами с метриками, процессами и визуалом, а ещё практическими гайдами — от ChatGPT-анимации и mini app до Tilda/Shopify. Здесь только то, что можно применить завтра — честно, по делу и с любовью к деталям.

редизайнe-commerceshopify

Провели редизайн e-commerce сайта для книги The Book: The Ultimate Guide to Rebuilding Civilization от Hungry Minds, ребятам хотелось повысить конверсию, перенести покупателей с Амазона, и, конечно, «удовлетворить чувство прекрасного» — сделать сайт таким же дорогим и красивым, как книга

Задачи 🪞

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

Ограничения 🐘

  • Главное испытание, которое мы прошли на проекте, — верстка на Shopify. Платформа не дает большое разнообразие в анимациях, да и сам клиент хотел в первую очередь понятный, продающий сайт
  • Сайт на 80% посещался с мобилки, а значит, дизайн в первую очередь строился с нее

Дизайн 😣

Внимательно изучили книгу — посмотрели все иллюстрации и вёрстку и влюбились окончательно! Решили максимально использовать графику на сайте

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

Создали майдмеп, в котором перенесли акцент на визуалы: сначала показываем продукт, а потом раскрываем его УТП, историю создания, релевантные товары и, конечно, ревью пользователей из соцсетей

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

Фанфэкт 🙂

Знакомство с книгой побудило несколько ребят из команды приобрести издание в домашнюю коллекцию (хотя у двоих минимум она уже была)

Дрим тим ☕️

  • Арт-директор - Олеся Колыванова
  • UX/UI-дизайнер - Кристина Балина
  • Маг фотошопа - Сергей Одинцов
  • Продюсер - Анастасия Кулешина
  • Моушен дизайнер - Иван Кудрявцев

#designmagic #byreboot

Детальная превью-страница десктопного херо‑экрана редизайна сайта книги The Book с крупными декоративными иллюстрациями и типографикой в стиле манускрипта.
Херо‑страница с крупными иллюстрациями и логотипом из книги
Мокап мобильной версии сайта The Book: минималистичный экран, созданный под мобильные устройства с чистым фоном и акцентом на навигацию и корзину.
Мобильный вид — упор на мобильную конверсию и простоту интерфейса
Вид карточки товара и разворота с иллюстрациями книги The Book: сочетание продукта, описания и визуалов из издания в единой композиции страницы.
Карточка товара с разворотом и визуалами из книги
Скриншот интерфейса корзины и элементов оформления чекаута: модуль покупок на фоне иллюстраций и элементов манускрипта, адаптированный для UX.
Интерфейс корзины и оформление чекаута в стилистике издания
Продуктовый блок с крупным изображением обложки книги The Book на фоне текстур и декоративных элементов, подчёркивающих премиальность издания.
Крупный продуктовый блок с обложкой и текстурами из книги
Коллаж иллюстраций и декоративных фигурок вокруг блока покупки: художественные элементы усиливают впечатление коллекционного манускрипта на сайте.
Коллаж иллюстраций, интегрированных в макет интернет-магазина

Дискуссия

Техно СЕО
Музыка отлично дополнила атмосферку)
Думаю о ваших проектах
ВАУ! очень красиво 💔💔💔
БОРЦОВКА
иллюстрации пушка
Стася Маскаева
красиво очень
Присоединиться к обсуждению →

Читайте так же