Дизайн интернет магазина моделей для склеивания, 24 поток курса дизайнер, автор – (Павел Сергеев)

1. День дизайнера
День арт-директора
День дизайн-менеджера

2. Посмотреть прототип
Разработать редизайн сайта «clubtm.ru» (Интернет-магазин масштабных
моделей для склеивания и аксессуаров к ним) с целью поднятия уровня продаж,
упрощения процесса покупки и привлечения новых покупателей. Сайт должен
отвечать основным требованиям, предъявляемым к интернет-магазину.
Основные требования:
• Удобная навигация по сайту, строка поиска с авто заполнением и
вариантами поиска
• Сайт должен быть прост в использовании и подходить как для новичка,
так и для опытного покупателя
• Должен существовать «помощник», который поможет сориентироваться
новичку в ассортименте и помочь подобрать товар
• Должно быть ясное понимание условий и стоимости доставки
• Информирование о новинках и популярных продуктах
• Удобные контакты и обратная связь

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

8. 11. Каталог товаров занимает крайне много места и требует времени для прочтения
12. Инструкция как нас найти, вместо интерактивной карты
13. Карточка товара занимает много места и имеют лишние пункты, как например
масштаб (у краски масштаба нет), также нельзя перейти на отдельную страницу товара,
отсутствует возможность отображать по 3,5,10 в ряд
14. Корзина не позволяет увеличить количество товара, посмотреть что я заказал и т.д.
15. Отображение новинок не позволяет понять практически ничего о них
16. Поиск не способен реально искать информацию по запросу
17. Кликабельные, но нерабочие ссылки
18. Информация о прошедших конкурсах представляет собой просто ссылки,
которые открываются в дополнительных вкладках, желание просматривать отпадает
19. Неинформативная карточка товара
20. Информация о распродаже находится в самом низу главной страницы, согласно
статистике туда заходят только 20% посетителей
1. Огромное количество страниц, приходится постоянно кликать по номерам,
нет возможности отобразить 10,20,50 или все товары сразу на одной странице
2. Центрирование сайта не по центру приносит дискомфорт
3. Сложные для понимая условия доставки, инструкция в картинках, много
дополнительный ограничений, которые скрыты при первичном открытие страницы
4. Нерабочие незаметные иконки
5. Вместо адекватного способа оплаты указаны неудобные реквизиты
6. Навигационное меню, которое не выдерживает никакой критики
7. Крайне неинформативные контакты
8. Постоянная анимация с отображением телефонов
9. Расширенный поиск не такой уж и расширенный
10. В каталоге товаров не прогруженные логотипы
21. Использование шрифта Comic Sans на главной странице

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

18. Что должно быть:
• Информативная шапка сайта
• Функциональная, заметная строка поиска
• Ясные и понятные условия доставки и оплаты
• Каталог на главной странице, не требующий кликов
• Информативная карточка товара в поиске
• Простая регистрация или ее отсутствие
• Функциональная корзина
• Многофункциональный фильтр
• Заметные обратная связь и контакты

26. Полный размер картинки

27. Полный размер картинки

28. Полный размер картинки
В случае с масштабными моделями, двумя основными критериями
поиска являются бренд и масштаб.
Практически для всех категорий товара можно выбрать
два или три ключевых пункта для поиска.
Пример для красок:
Эмалевые – Акриловые – Краски спрей – Маркеры
(глянцевые, матовые) (глянцевые, матовые)

29. Полный размер картинки

30. Полный размер картинки

31. Полный размер картинки

66. Что должно быть

71. в преддверии 23 февраля