Магазин и читалка книг. Текст и аудио — одна книга, и место остановки у них общее.
Направление
Электронные книги
Год
2026
Работы
Концепция, дизайн-система, интерфейс, читалка
Платформа
Десктопный интерфейс
Задача
Книжные сервисы обычно разводят покупку и чтение по разным местам: витрина на сайте, читалка в приложении, аудио — в третьем. Человек, купивший книгу, каждый раз заново ищет, где её теперь открыть, и на каждом переходе теряет место, на котором остановился. «Переплёт» собран так, чтобы этого шага не было вовсе.
Развели сервис на шесть разделов, в каждый из которых можно войти напрямую: магазин, каталог, аудиокниги, библиотека, подписка, профиль. Один и тот же товар лежит в каталоге и на полке читателя, но показывается по-разному — там цена, здесь прогресс.
Отбор идёт сразу по четырём признакам: жанр, формат, рейтинг и подписка. Снимаемые чипы показывают, что именно отфильтровано, — иначе человек забывает, почему выдача короткая, и решает, что книг мало.
Собрали в одном экране всё, что решает покупку: обложка, объём, перевод, издательство, год, оценка и то, входит ли книга в подписку. Цена и «читать первую главу» стоят рядом — пробу дают до оплаты, а не вместо неё.
Три темы, четыре шрифта, три ширины колонки и кегль. Настройки не спрятаны в подменю: их меняют по ходу чтения, в один клик, не теряя строки.
Переключение между чтением и прослушиванием сохраняет место: дочитал до абзаца — плеер начнёт с него же. Это и есть главная механика сервиса, остальное вокруг неё.
На своей полке видно, где человек остановился: сколько осталось страниц, что читается сейчас, где стоят закладки и заметки. Рядом статистика и достижения — то, ради чего к книге возвращаются.
Один набор карточек, чипов, кнопок и плашек на все разделы. Витрина, полка и плеер собраны из одних и тех же деталей, поэтому новый раздел не нужно рисовать заново.
Логотип шрифтовой: имя набрано самым плотным начертанием Manrope и с отрицательным просветом между буквами, отчего слово держится одним блоком. Подпись «каждая книга — свой переплёт» объясняет название: переплёт здесь и обложка, и то, как книга собрана.
Путь читателя
Витрина показывает, что читать; каталог — как выбрать; карточка — на чём остановиться; полка и профиль — что уже прочитано. Между ними человек не выходит из сервиса и не теряет места в книге.
01 / 05
Главная
Книга месяца занимает первый экран целиком: обложка, оценка, объём и две кнопки — прочесть главу бесплатно или купить. Ниже — то, что уже начато, с остатком страниц.