Все кейсы

Издательская группа «КД»

Логотип издательской группы КД

Сайт, с которого начинают писать книгу

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

k-d.moscow WordPress · Flatsome · WooCommerce с нуля

Что вычеркнули из брифа

  • Прайс-лендинг услуг с десятком одинаковых блоков
  • Стоковые «счастливые авторы» вместо живых лиц
  • Магазин книг как главная цель сайта
  • Вписали: оффер издания на первом экране
  • Вписали: лицо издателя, авторы, видео
  • Вписали: услуги как путь автора; книги — как доказательство

Заказчик — группа «КД»: бумажные, электронные и аудиокниги. Главный сценарий — эксперт, который хочет издать книгу как визитку. Магазин нужен, но он не ведёт разговор.

Сигнатура · структура

Как складывается «тетрадь» сайта

Не дерево разделов. Печатная сигнатура: внешние листы — вход автора, внутренние — доказательства и сервис.

Внутренние листы (услуги + авторы) — то, ради чего автор остаётся. Внешние — вход и выход.

Краски

Чем набирали макет

#f86d72коралл CTA — «красная ручка» правки
#303030краска заголовков
#777777наборной текст
#d2691eтёплый вторичный
#ffffffполе бумаги

Merriweather — голос издательства. Open Sans — набор для навигации, карточек и форм. Serif говорит «нам можно доверить рукопись»; sans не мешает купить книгу.

Гранки

Разбор экранов как корректура

Каждая гранка — с пометками на полях. Так мы объясняли заказчику решения, а не «смотрели красивые скрины».

Главный экран k-d.moscow

Гранка A · главный экран

Оффер издания — не баннер магазина

  1. Полнокадровый слайд с живым лицом и книгами: сразу «здесь издают людей», а не SKU.
  2. Serif-заголовок в духе обложки: «издать книгу», «личный бренд».
  3. Одна коралловая кнопка — единственный громкий жест на экране.
  4. Ниже — факты рынка (15 лет, 20 книг/мес, дистрибьюция) без отдельной «секции преимуществ ради галочки».
Блок издательской группы

Гранка B · группа брендов

Масштаб без перегруза

  1. Видео слева — живое доказательство, что дом существует вне сайта.
  2. Импринты списком: «1000 бестселлеров», «Книжкин дом», «Умная книга», «КД».
  3. CTA «Об издательстве» ведёт глубже, не в корзину.
Страница услуг

Гранка C · услуги

Путь автора — отдельными листами

  1. Hero с атмосферой книги, не с иконками «пакет услуг».
  2. Каждое направление — развёрнутый текст + заявка: написание, оценка, макет, продвижение.
  3. Отдельные посадочные (как помощь в написании) — удобно вести трафик точечно.
Услуги на главной
На главной — три опоры издания: макет, продвижение, написание бестселлера.
Посадочная услуги
Посадочная — одна услуга = один лист. Без простыни на всю группу.
Авторы на главной

Гранка D · авторы

Портфель сильнее слогана

  1. Сетка портретов на главной — мгновенное социальное доказательство.
  2. Отдельный каталог авторов для тех, кто хочет «полистать дом».
  3. Это не украшение: автор видит, в какой компании окажется его обложка.
Магазин книг

Гранка E · книги

Магазин как доказательство, не как цель

  1. WooCommerce-витрина с обложками и ценами — дом реально издаёт.
  2. В нарративе сайта магазин стоит после услуг и авторов.
  3. Корзина в шапке есть, но разговор начинается с «издать», а не с «купить».
О нас
О нас — лицо издателя и смысл группы, не шаблон «о компании».
Контакты
Контакты — форма и телефон на спокойном поле. Точка выхода из гранки.
Мобильная версия k-d.moscow

Карманное издание

Тот же оффер — в ладони

На узком экране hero не превращается в визитку типографии: портрет, serif-заголовок, коралловая CTA. Автор с телефона всё ещё понимает, зачем сюда зашёл.

  • Flatsome + child — быстрая сборка без потери характера
  • WooCommerce — магазин как слой, не как каркас
  • Формы консультации рядом с оффером издания

Выходные данные

Что ушло в тираж

Сайт издательства с нуля: редакционный тон, коралловая «ручка» акцентов, путь автора от оффера к услуге и заявке. Книжный магазин — живой портфель. Без цифр ради цифр — с ясной ролью каждого листа.

Издание
k-d.moscow
Платформа
WordPress · Flatsome · WooCommerce
Шрифты
Merriweather · Open Sans
Акцент
#f86d72
Студия
Sunny Agency