Основные этапы разработки сайта

разработка сайта

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

Этап № 1

Определитесь с тем, какие функции вы возлагаете на свой сайт и, исходя из этого, выберите тип:

- сайт-визитка (он же личный сайт или сайт услуг);
- интернет-магазин;
- информационный портал (например, новостной);
- сайты для общения (блог, форум, социальная сеть).

Этап № 2

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

Этап № 3

Подберите исполнителей. Вам как минимум будут нужны услуги дизайнера и разработчика. И тут начинается тесное сотрудничество между вами (заказчиком) и исполнителями. Вам необходимо обсудить с ними всё то, что вы уже выяснили для себя, исходя из 1-го и 2-го этапов. Эта информация поможет учесть всё необходимое для разработки вашего сайта — точно подготовить техническое задание и чётко ему следовать. Также на этом этапе важно выбрать CMS (система управления сайтом или «админка»): Bitrix, Joomla, Drupal, WordPress или самописная CMS.

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

Теперь рассмотрим типы страниц сайтов:

1. Главная страница

Определите, какие блоки будут у вас на главной странице:
Тут должны быть меню каталога, слайдер, блоки специальных предложений и бренды.
Шапка и футер — сквозные, т. е. выводятся на всех страницах и выглядят везде одинаково.

2. Страница раздела каталога

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

3. Страница подкатегории 

На страницах подкатегорий фильтр вместо меню. Также должны быть товары и блок сортировки.

4. Карточка товара

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

5. Информационные страницы

Также отличаются от перечисленных выше страниц, соответственно они тоже должны быть отражены в макете и описаны.

6. Страница брендов

Тут должен быть список брендов в алфавитном порядке. Это необязательный тип страниц, но как правило, у интернет магазинов такая специфика — бренды важно собрать на отдельной странице.

7. Набор страниц регистрации/авторизации и личного кабинета, страница корзины

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

8. Карта сайта

Часто на сайтах можно встретить страницу «Карта сайта». Тут можно как минимум сделать так, чтобы не было так много пустого места. Как вариант, можно разбить список ссылок на 3 колонки, тем самым заполнив пространство на странице.

9. Страница 404

Её дизайн также отличается от других страниц, но похож на любую информационную страницу, поэтому не сразу можно понять, что попал на страницу, которой не существует. К её оформлению можно подойти креативнее, сохранив при этом основную стилистику. 

10. Почтовые уведомления

Практически у каждого сайта есть сервис уведомлений на почтовый ящик — письмо о заказе, регистрации, запрос на сброс пароля, акции, рассылки подписчикам и т. д. У этих страниц также должен быть дизайн в стиле самого сайта, т. е. с упоминанием вашего бренда/названия.

11. Элементы дизайна

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

Уже насчитывается более 10 обязательных страниц сайта интернет-магазина, которые нужно отрисовать и описать.

Ещё один способ определения количества и вида страниц сайта — это изучить готовые макеты или шаблоны, которые часто бывают бесплатными. За этим можно обратиться к дизайнеру, если вы планируете дизайн под конкретную CMS (админку).