Какие разделы и страницы интернет-магазина заказывать дизайнеру? (2 часть)

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

Специально для поколения клипов и твиттера привожу краткую таблицу со списком всех страниц и разделов, перечисленных в прошлом большом посте. Для вашего удобства расставил приоритеты: отметил какие разделы нужно обязательно заказывать у дизайнера (высокий приоритет), какие желательно заказать (средний приоритет), а какие не обязательно (низкий).

Какие разделы и страницы интернет-магазина заказывать дизайнеру? (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/

Часто эта страница содержит только поля (формы) ввода, которые покупатель должен заполнить перед оформлением заказа, поэтому я отнес ее к страницам желательным для разработки, а не обязательным.
Другое дело, если на странице у вас должен быть реализован функционал, которого нет в CMS «из коробки».

Средний

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 и
Typograpy-Page

Наличие этих страниц упростит работу верстальщику

Средний

Прочитайте предыдущий большой пост на эту же тему. В нем намного подробнее рассказано о каждом из разделов. Дается много полезных советов и несколько интересных фишек. 5 основных типовых страниц интернет-магазина приводятся в виде вайрфреймов.



Статьи по теме

Структура разделов интернет-магазина: — какие страницы заказывать дизайнеру (1 часть)

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

20 июня 2018