<aside> 🌐

Сайт: teleportfilm.com/rental

Figma-файл: https://www.figma.com/design/qSIxcIGGevZ3WiSAIgaE9e/Teleport-Film?node-id=104-180&node-type=canvas&t=eiT3KmraUSwJwkkW-0

</aside>

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

Проблемы и задачи

Я провел анализ сайта и его пользовательских сценариев, а также изучил подходы конкурентов. На основе этого анализа, а также отзывов пользователей, собранных владельцем сайта, были составлен список проблем.

<aside> ⚠️

Выявленные проблемы:

1. Устаревший интерфейс, который не соответствовал современным стандартам дизайна.
2. Отсутствие стартовой страницы, сайт сразу открывался каталогом.
3. Плохая навигация по каталогу, не поддерживающая масштабирование и удобство работы с большим количеством разделов.
4. Отсутствие отдельных страниц для товаров, что усложняло просмотр характеристик и подробной информации.
5. Неудобная корзина, представленная в виде попапа, что создавало сложности для пользователей десктопа.
6. Отсутствие калькулятора аренды, из-за чего процесс выбора количества и дней аренды был запутанным. </aside>

Решения в редизайне

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

Для навигации по категориям была сделана отдельная страница. Наверх вынесены две специальные категории, остальные оформлены аккуратной сеткой.

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

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