Этапы создания сайта

Вы решили заказать сайт - с чего начать и как действовать?

С чего начать?

Если Вы точно решили, что Вам необходим интернет-сайт, нужно ясно понимать, что правильный результат и сроки выполнения напрямую будут зависеть от Вас. Чтобы минимизировать сроки разработки сайта Вам необходимо подготовить следующее:
  • для размещения сайта в сети Интернет Вам понадобится оформить хостинг (месторасположение Вашего сайта - услуги по размещению и обслуживанию Вашего сайта на компьютере т.н. хостинг-провайдера). Для этого понадобятся реквизиты фирмы и, зачастую, паспортные данные. Не забывайте о почтовом индексе!
  • собрать информацию о Вашей фирме, которая может пригодиться (логотип, контактные данные и реквизиты, всевозможную рекламную продукцию - буклеты, визитки, каталоги, стенды, фирменные бланки) - это поможет скорректировать стилистику дизайна сайта и сразу отбросить полностью неподходящие варианты.
  • продумать и написать, какие основные разделы нужны на Вашем сайте (например, раздел о компании, каталог продукции, блок новостей, акции и спецпредложения, список пунктов продаж, вакансии и т.п.)
  • понять, кто и как часто будет заниматься сайтом, если информацию на нем необходимо обновлять (новости, прайс-листы и прочее). От этого зависит, понадобится ли Вам техническое сопровождение сайта.

Концепция и структура сайта

Поработав над подготовкой материалов и продумыванием структуры сайта, отправляйтесь в web-студию (в данной статье мы не будем рассматривать процесс выбора студии, считаем, что Вы уже определились с исполнителем). Представив свои материалы и свое видение сайта Вы поможете специалистам студии сузить круг вариантов для Вашего сайта. Обычно остается один-два варианта (например, Вам подойдет интернет-каталог (сайт с разделом Каталог продукции) или интернет-магазин, в зависимости от бюджета Вашего сайта) и некоторое количество дополнительных модулей, которые либо предложила Вам студия, либо Вы где-то такое видели и хотите у себя аналог (к примеру, конфигуратор заказа или калькулятор доставки).
Кроме того, детальнее прорабатывается структура сайта, иногда даже рисуют структуру сайта
Пример схемы структуры сайта интернет-магазина строительной тематики


Дизайн-макет

Следующим этапом будет разработка дизайна (внешнего вида) Вашего интернет-сайта. Для начала будет сделан набросок расположения блоков на странице (обычно прорабатывают Главную страницу и типовую страницу (например, страницу каталога)) безо всякого указания цветов и графики. После утверждения расположения блоков начнется этап проработки цветовой гаммы сайта, стилистики и дизайнерской идеи - продумываются цвет текстов, разнообразные графические элементы (к примеру, раскладывающееся меню каталога или красочное изображение в верхней части сайта или изображение телефона возле телефонного номера), иногда, проработка иконок для сайта.
В результате этой работы Вам поэтапно будут представляться макеты страниц с все большей детализацией. На этом этапе многое зависит от заказчика - рекомендуем не спешить с выводами и серьезно думать над каждым предложенным макетом, ведь разрабатывают их люди, занимающиеся этим профессионально, а Вы только что окунулись в эту сферу деятельности. Вместо "хочу"/"не хочу" попросите объяснить присутствие или отсутствие каких-либо блоков или обосновать выбор стилистического решения - помните, помимо эстетического восприятия сайт должен быть в первую очередь понятнм для посетителей, иначе они покинут его, не найдя нужной кнопочки или ссылки.
По завершению этого этапа Вам предоставят дизайн-макет (обычно в формате .PSD с сгруппированными слоями блоков)э

Верстка шаблонов

После утверждения дизайна, начинается процесс превращения картинки в HTML-страничку. На этом этапе из графического макета (картинки) вырезаются графические элементы, размещаются на HTML-странице. прописываются стили для блоков, текста, настройки цвета и шрифтов - все, что было определено на этапе создания дизайн-макета воплощается в html-коде. Результатом данного этапа являются html-страницы, файлы стилей css и нарезанные графические элементы.

Установка системы управления и программирование

На этом этапе html-страницы превращают в шаблоны для CMS (системы управления сайтом, позволяющей Вам самостоятельно управлять содержимым Вашего сайта) путем введения в определенные места динамических компонентов (к примеру, новости, каталог или форма обратной связи) и их кастомизаиции (настройки внешнего вида в соответствии с требованиями конкретного дизайн-макета). Если необходима разработка новых нетиповых компонентов, то сначала программируется компонент, а затем создается шаблон отображения.
В результате, Вы получаете полностью работоспособный сайт, заполненный тестовыми данными или без заполнения (сайт с тестовым заполнением лучше, т.к. Вы сразу видите работоспособность сайта и внешний вид, который он приобретет после заполнения, т.е. с тестовым заполнением сайт максимально похож на будущий работающий сайт).

Наполнение сайта

Иногда этот этап выполняется заказчиком самостоятельно - не рекомендуем делать это, если объем заполнения велик (Вы попросту потратите больше времени) или специфичен (например, нужно обработать множество фотоматериалов перед их размещением на сайте). Если наполнением занимается студия, потрудитесь заранее подготовить все материалы!
Результат этого этапа - полностью заполненный работоспособный сайт.

Продвижение сайта

Итак, сайт готов, но приносить доход или информировать о Вашей компании клиентов и партнеров он пока что не торопится - нужно заниматься его продвижением. Продвижение сайта бывает самым разным - от вывески над двеью Вашего офиса до рекламной кампании по телевидению. Рассмотрим только интернет-варианты раскрутки сайта:
  • SEO - оптимизация содержимого сайта под поисковые машины (Яндекс, Google, Rambler и т.д.) - платите за покупку ссылок и работу оптимизаторов
  • Контекстная реклама (Яндекс.Директ, Begun и т.д.) - платите за каждый клик(переход на Ваш сайт по объявлению) и/или за количество показов объявления
  • Баннерная реклама (TBN и т..д) - платите за каждый клик(переход на Ваш сайт по объявлению) и/или за количество показов объявления
Ну вот и все, возможно, в дальнейшем Вы вновь пойдете по этому пути, но уже для редизайна или реструктуризации сайта, а может, практика покажет необходимость доработок сайта... Главное, теперь это будет уже проторенный путь.

Удачи Вам и Вашему сайту!

   

Официальные группы и страница партнера: