BOOKVA

Контекст

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

Задача

Совместить атмосферу книжного магазина с практичной торговой структурой. Главная должна знакомить с предложением, а каталог, карточка товара и корзина — давать достаточно информации для следующего действия.

Решения

1. Каталог как основа структуры

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

2. Повторяемые шаблоны

   Для главной, каталога и товара разработаны согласованные интерфейсы. Книга, её описание и действия сохраняют понятную иерархию между разделами.

3. Заказ и сервисные сценарии

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

4. Две роли типографики

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

Что сделали

1. Архитектура магазина

   Организовали книги на разных языках и товары из Европы в понятный каталог. Определили категории, навигацию, поиск и входы для подбора книги, предложений и специального заказа.

2. Дизайн и реализация

   Разработали UX/UI и визуальную систему, главную, каталог и шаблоны товаров. Реализовали адаптивные страницы, связав представление ассортимента с конкретными действиями покупателя.

3. Торговые и сервисные сценарии

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

4. Настройка, проверка и запуск

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

Визуальная система

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

Текст магазина

Roboto 400 · 16 px

Заголовки / названия книг

Playfair Display 400 / Lora 400

Заголовки секций

42 px → 36 px до 1024 → 24 px до 768

Декоративные подписи

Italianno 400 · 36 / 22 / 18 px

Актуальный hero

Caveat 600: 64 / 56 px; Libre Baskerville 700: 36 / 22 px

Текст hero

Inter 400 · 18 / 16 px

Контейнер магазина

Максимум 1222 px

Радиусы

Карточки 10 px; кнопки и поля 35 px

Сценарии и материалы

Главная и подборки → категория или поиск → карточка книги → корзина → оформление. Для нестандартного запроса предусмотрен отдельный сервисный путь, а личный кабинет связывает покупателя с его заказами.

Продвижение

Провели SEO-оптимизацию, настроили личные кабинеты Яндекс Директ и Google Ads, запустили рекламу и продвижение сайта в поиске.

Что реализовано

BOOKVA получил запущенный интернет-магазин под ключ. Каталог, поиск, товарные страницы, корзина и оформление работают как единый путь от знакомства с ассортиментом до заказа. Личный кабинет и сервисные страницы дополняют покупку; архитектура, дизайн, разработка, настройки и запуск выполнены в рамках одного проекта.

Инструменты и реализация

WordPress · WooCommerce · Elementor Pro · тема Woodmart · PHP · JavaScript / jQuery · FlyingPress · Google Site Kit · Яндекс Метрика с электронной коммерцией