Какие разделы и страницы интернет-магазина заказывать дизайнеру? (2 часть)
Прошлый пост про разделы интернет-магазина, получился большим и слишком подробным. Не каждый его осилит. Поэтому я решил, насколько возможно, сделать краткую выжимку оттуда.
Специально для поколения клипов и твиттера привожу краткую таблицу со списком всех страниц и разделов, перечисленных в прошлом большом посте. Для вашего удобства расставил приоритеты: отметил какие разделы нужно обязательно заказывать у дизайнера (высокий приоритет), какие желательно заказать (средний приоритет), а какие не обязательно (низкий).
Если для разделов или страниц указан низкий приоритет, не значит, что можно забыть про них и совсем вычеркнуть из проекта. Это значит, что при необходимости экономить на дизайне, можно не заказывать их дизайнеру, а на следующих этапах проекта, попробвать «на пальцах» объяснить разработчикам, что собой представляет не отрисованная страница или раздел, либо использовать стандартный шаблон, имеющийся в CMS (например, моем любимом 1С-Битрикс) (страницы, которые останутся стандартными из CMS должны быть, хотя бы минимально, стилизованы в общий дизайн).
№ |
Название |
Адрес раздела (чтобы была понятнее структура интернет-магазина (вложенность разделов и подразделов)) и комментарий |
Приоритет (Высокий/ Средний/ Низкий) |
---|---|---|---|
Главая страница магазина |
|||
1. |
Главная |
/ |
Высокий |
|
|
Каталог товаров |
|
2. |
Список разделов первого уровня |
/catalog/ Часто список разделов первого и второго уровня совмещают |
Высокий |
3. |
Список разделов второго уровня |
/catalog/dress/
|
Высокий |
4. |
Список товаров одного раздела |
/catalog/dress/for-office/ Товары могут отображаться тремя способами: |
Высокий |
5. |
Детальная страница товара (карточка товара) |
/catalog/dress/for-office/blue-beautifull-dress/ |
Высокий |
6. |
Результаты фильтра |
/catalog/dress/for-office/filter-results Страница делается по аналогии со страницей «Список товаров одного раздела» |
Низкий |
7. |
Отсутствие результатов фильтра |
Можно программно реализовать фильтр так, чтобы исключить возможность появления этой страницы. Для этого достаточно, при каждом клике в фильтре, убирать из фильтра поля, по которым результат будет нулевым. |
Низкий |
8. |
Список брендов |
/brands/ Если у вас больше 5 брендов и есть хотя бы 10-20 товаров каждого бренда, то закладывайте этот раздел. Он добавит удобства пользователям, и сослужит добрую службу для SEO. |
Высокий |
9. |
Список товаров одного бренда |
/brands/brand-name/dress/ По аналогии со страницей «Список товаров одного раздела» |
Низкий |
10. |
Новые поступления |
/new/ По аналогии со страницей «Список товаров одного раздела» |
Низкий |
|
|
Скидки/акции/распродажи |
|
11. |
Список всех скидок |
/actions/ Если такая страница в магазине планируется, то ее дизайн нужен. Сделать ее на основе каких-то других страниц (списка разделов или списка товаров), будет не верно, поскольку акции это другое и выглядеть должны иначе. |
Высокий |
12. |
Список товаров одной скидки |
/actions/action-name/ По аналогии со страницей «Список товаров одного раздела» |
Низкий |
13. |
Скидок нет |
При отсутствии товаров на странице, можно ограничиться выводом сообщения «Скидок нет». В этом случае заказывать страницу смысла не имеет. Если хотите, чтобы кроме этого сообщения выводились какие-то предложения, то заказывать дизайн страницы нужно обязательно. |
Низкий |
14. |
Сравнение товаров |
/compare-list/ Если товар в магазине, подразумевает возможность сравнения по ряду характеристик (например, ноутбуки или смартфоны), то заказывать дизайн такой страницы нужно обязательно. В магазине одежды страницы сравнения может не быть. |
Высокий |
|
|
Блог (или статьи) |
|
15. |
Первая страница блога |
/blog/ Если вы планируете вести блог или размещать тематические статьи, то желательно разработать дизайн этой страницы. Можно оставить в дизайне CMS на которой делается магазин, но это будет выглядеть не так привлекательно. |
Средний |
16. |
Детальная страница одного поста |
/blog/rubric-name/post-name/ В дизайне этой страницы, не забудьте предусмотреть разные варианты оформления текст: заголовки, параграфы, цитаты, лиды и др. |
Средний |
|
|
Новости |
|
17. |
Список новостей |
/news/ Новости простой раздел. Материал в новостях, в отличии от статей и блогов, обычно короткий. В любой CMS, есть готовый раздел новостей, поэтому можно использовать стандартный шаблон. В то же время, «Новости» — обязательный раздел. Поэтому решать вам, насколько тщательно вы хотите проработать дизайн своего проекта. |
Средний |
18. |
Детальная страница новости |
/news/news-name/ Если в интернет-магазине будет блог, детальную страницу можно взять оттуда. |
Средний |
|
|
Корзина |
|
19. |
Корзина с товаром |
/personal/basket/ Стандартная корзина (изначально есть в CMS) не всегда удобная и красивая, не всегда в ней присутствуют все нужные решения. Если «корзина» из CMS не устраивает — делайте свою корзину. |
Высокий |
20. |
Страница оформления заказа |
/personal/basket/order/ Часто эта страница содержит только поля (формы) ввода, которые покупатель должен заполнить перед оформлением заказа, поэтому я отнес ее к страницам желательным для разработки, а не обязательным. |
Средний |
21. |
Thank you page |
/personal/basket/order/thank-you.php Какой-то стандартный вариант этой страницы обычно есть в CMS. Можно остановиться на нем. |
Низкий |
22. |
Ваша корзина пуста |
Можно ограничиться страницей корзины с сообщением «Ваша корзина пуста». Если вас такая краткость не устраивает и вы решите использовать страницу как-то еще, то дизайн страницы, возможно, придется заказывать. Либо, можно попробовать описать верстальщику или программисту «на словах» что будет на этой странице. |
Низкий |
|
|
Вход и регистрация |
|
23. |
Авторизация |
/auth/ Страницу, авторизации можно оставить стандартной из CMS, соответственно дизайн для нее можно не заказывать. |
Низкий |
24. |
Вспомнить пароль |
То же самое относится ко всем «вспомогательным» страницам «Авторизации и регистрации» |
|
25. |
Вам отправлено сообщение со строкой для восстановления пароля |
|
|
26. |
Пароль изменен
|
|
|
27. |
Регистрация |
/auth/register.php |
|
28. |
Вы успешно зарегистрировались
|
|
|
Личный кабинет интернет-магазина | |||
29. |
Личный кабинет интернет-магазина |
/personal/ |
Высокий |
30. |
Личная информация (профиль) |
/personal/profle/ |
Высокий |
31. |
Профили в заказах |
/personal/order-profiles/ |
Средний |
32. |
Мои заказы |
/personal/orders/ |
Высокий |
33. |
Баланс (внутренний счет пользователя в интернет-магазине) |
/personal/balance/ |
Средний |
34. |
Персональные скидки (Накопительная скидка) |
/personal/discounts/ |
Средний |
35. |
Отложенные товары (Избранное) |
/personal/favorites/ На основе страницы «Список товаров одного раздела» Важно не забыть, что из «Избранного» должна присутствовать возможность удалять товар. Поэтому к стандартному списку товаров нужно добавить кнопку «Убрать из избранного» или просто «крестик». |
Средний |
36. |
Поддержка пользователей |
/personal/support/ |
Низкий |
|
|
Подписки |
|
37. |
Управление подписками и рассылками |
/personal/subscribe/ В 1С-Битрикс есть компонент, для управления подписками, можно использовать его. |
Низкий |
38. |
Благодарность за подписку |
/personal/subscribe/thanks.php Может быть сделана на основе «Типовой внутренней страницы». |
Низкий |
39. |
Вы отписались от рассылки |
/personal/subscribe/unsubscribe.php То же что предыдущая. |
Низкий |
|
|
Поиск |
|
40. |
Страница с результатами поиска |
/search/ Может выглядеть как страница «Список товаров одного раздела». |
Низкий |
41. |
Ничего не найдено |
То же самое что со всеми страницами такого же типа (ничего не найдено, корзина пуста, нет результатов фильтра). Либо вы просто уведомляете что «Ничего не найдено», либо дополнительно к этому тут же предлагаете посмотреть что-то еще. |
Низкий |
404 страница | |||
42. |
404 страница |
/404.php |
Низкий |
|
|
Типовые внутренние страницы |
|
43. |
О магазине |
/about/ Как пример «типовой внутренней страницы. Остальные на ее основе. |
Высокий |
44. |
О доставке |
/about/delivery.php |
|
45. |
Об оплате |
/about/payment.php |
|
46. |
Гарантия и возврат |
/about/ warranty.php |
|
Контактная информация | |||
47. |
Контакты |
/about/contacts.php Какие контакты указывать смотрите прошлый пост. |
Высокий |
Частые вопросы | |||
48. |
Частые вопросы |
/about/help/ |
Высокий |
Карта сайта | |||
49 |
Карта сайта |
/search/map.php Обычно, есть стандартная в CMS. |
Низкий |
50 |
UI-page и |
Наличие этих страниц упростит работу верстальщику |
Средний |
Прочитайте предыдущий большой пост на эту же тему. В нем намного подробнее рассказано о каждом из разделов. Дается много полезных советов и несколько интересных фишек. 5 основных типовых страниц интернет-магазина приводятся в виде вайрфреймов.
- Скачать пример структуры разделов для Интернет-магазина (.docx, 26.18 Кбайт)
Статьи по теме
Структура разделов интернет-магазина: — какие страницы заказывать дизайнеру (1 часть)
Сколько страниц должен нарисовать дизайнер для интернет-магазина, какие из них обязательные, а на чем можно сэкономить. Много хороших советов и несколько интересных фишечек, которые помогут сделать дизайн вашего магазина лучше.
20 июня 2018Правильный подход к разработке технического задания на дизайн интернет-магазина
Как написать ТЗ, чтобы дизайнер прослезился от умиления.
27 мая 2018От вас ничего не зависит, когда вы заказываете разработку интернет-магазина
В музыкантов просьба не стрелять — играют, как умеют.
10 марта 201816 проблем дизайнеров, с которыми вы столкнётесь, заказывая дизайн сайта
14 июня 2017Одна из причин низкой конверсии интернет-магазина
Как уменьшить количество брошенных корзин для мобильных пользователей.
25 мая 2017