# Books

> Каталог книг с форумом, поиском и детальной карточкой.

Статус: Концепт.

![Books](https://vasilev-aleksandr.ru/books-catalog.jpg)


## О проекте

- **Формат:** Концепт
- **Сфера:** Книжный каталог и сообщество
- **Роль:** Проектирование интерфейса и frontend-разработка



## Контекст

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

## Задача

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

- главная страница и тематические подборки
- каталог с поиском и фильтрами
- карточка книги с характеристиками
- действия покупки и добавления в избранное
- форум и раздел сообщества
- адаптивный интерфейс на Nuxt и TypeScript

## Проблема

Нужно было объединить каталог и обсуждения в одном маршруте.

## Решение

Спроектированы список, поиск, детальная карточка и форум.

## Как решал задачу

- **Каталог строится вокруг поиска и фильтров.** Список книг дополняют поиск и фильтры по основным характеристикам. Тематические разделы главной страницы ведут в тот же каталог, а не создают отдельные несвязанные витрины. Результат: Пользователь может начать с подборки или сформулировать точный запрос и всё равно прийти к единой выдаче.
- **Карточка объединяет описание и получение книги.** На одной странице собраны обложка, библиографические данные, цена, рейтинг, способы доставки и основные действия. Информация расположена рядом с решением о покупке. Результат: Для оценки книги и условий заказа не требуется переходить между несколькими экранами.
- **Сообщество встроено в продукт.** Форум включён в общую навигацию и визуальную систему книжного сайта. Обсуждения становятся продолжением работы с каталогом, а не внешней площадкой. Результат: Концепт соединяет поиск книг и общение читателей в одном продукте.



## Результат

Готов интерфейсный концепт каталога и сообщества.

## Метрики

- Отдельные метрики не опубликованы.



## Технологии

- Nuxt
- TypeScript
- Vue
- UX/UI

## Материалы

[Открыть дополнительные материалы](https://profi.ru/profile/VasilyevAA210/?photoId=32986388)

## Связанные услуги

- [Веб-разработка](https://vasilev-aleksandr.ru/services/web-development/index.md)

## Следующий кейс

[Design Academy](https://vasilev-aleksandr.ru/cases/design-academy/index.md)


## Есть похожая задача?

Опишите исходный процесс и результат, который хотите получить.

[Обсудить похожую задачу](https://t.me/wyndace)