Сайт · Независимый книжный магазин

FOLIO Books — Книжный, который советует, что почитать

Hi-fi прототип сайта независимого книжного магазина на мок-данных, без бэкенда, в редакционной подаче «магазин-как-редакция». Каталог, «Мой список чтения», журнал и клуб по подписке работают на клиенте; формы ведут на экран успеха. Реальной корзины и оплаты нет — товарная логика ограничена списком чтения (сохраняется в localStorage).

✓ Сайт✓ Независимый книжный магазин✓ Живое демо
Рассчитать стоимость →Написать в MAX
foliobooks.ru
↗
Загружаем демо…
◆Это живое демо — кликайте по интерфейсу прямо здесь. Кнопка ↗ открывает его на весь экран.

О проекте

Hi-fi прототип сайта независимого книжного магазина на мок-данных, без бэкенда, в редакционной подаче «магазин-как-редакция». Каталог, «Мой список чтения», журнал и клуб по подписке работают на клиенте; формы ведут на экран успеха. Реальной корзины и оплаты нет — товарная логика ограничена списком чтения (сохраняется в localStorage).

Страницы сайта

Главная

Hero, счётчики, «Книга недели» с рецензией куратора, тизеры разделов, карусель кураторских подборок, отзывы, CTA клуба.

Каталог

Сетка книг из мок-массива с фильтром по рубрикам, сортировкой и пустым состоянием рубрики.

Журнал

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

Клуб

Читательский клуб по подписке: что входит, книга месяца, три тарифа и форма вступления с экраном успеха.

О нас

История магазина, философия отбора, кураторы, блок «Читальня».

Контакты

Книжные в четырёх городах, форма вопроса кураторам, контакты и мессенджеры.

Что умеет

✓Каталог книг из мок-массива с фильтром по рубрикам и сортировкой (популярность/новинки/цена/рейтинг)
✓«Мой список чтения» (вишлист-закладки) с боковой панелью, счётчиком и шерингом — в localStorage, общий на всех страницах
✓Журнал с рецензиями, подборками и интервью (редакционный контент)
✓Клуб по подписке с тремя тарифами и формой вступления с экраном успеха
✓Форма вопроса кураторам с экраном успеха
✓Кураторские подборки (карусель на главной, списки в журнале)
✓Тост-уведомления, sticky-хедер, reveal-анимации и подсветка активного пункта меню

Сайт на коде, адаптивная вёрстка. Демо — самодостаточный кликабельный прототип на мок-данных: формы и оплаты — заглушки.

Хотите такой же продукт для своего бизнеса?

Расскажите про задачу — пришлём идею решения и ориентир по цене в течение дня.

Услуга по этому направлению →← Всё портфолио