Разработки веб сайта: этапы

1. Разработка стратегии

На данном этапе определяются цели сайта. Они могут быть различными: получение прибыли, популяризация какого-либо товара или услуги, создание сообщества объединенных по какому-то признаку людей, необходимость иметь в распоряжении информационную площадку и так далее. Для всего этого необходимо четко представлять, что должен получить будущий посетитель сайта, чего хочет аудитория сайта — без ясного понимания того, на кого рассчитан сайт, сделать его максимально эффективным невозможно. Краткое описание целей и задач создания сайта, полученное от клиента, становятся основой всей работы. Итогом разработки стратегии является информация для построения структуры сайта.

2. Разработка общей структуры веб сайта

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

3. Разработка схемы сайта

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

4. Разработка макета сайта

Разработка визуального отображения информации на сайте. Перед тем как приступить к созданию макета, дизайнер анализирует креативный бриф и техническое задание. Он использует их как основу для своей работы. Он определяет стиль оформления: четкий и строгий, яркий и запоминающийся или элегантный и спокойный. Макет по сути повторяет схему сайта, с тем лишь отличием, что содержит художественные элементы. Макет создается в заранее определенной цветовой гамме вкупе с элементами фирменного стиля. Элементы фирменного стиля компании помогают не выбиваться сайту из правил корпоративного оформления и способствуют узнаванию компании. Макет описывает, как должны выглядеть те или иные виды представления информации - таблицы, выводимые даты и т.д. На этом этапе выбираются шрифты, принципы оформление заголовков, рисунков в тексте. Целью является на высоком художественном уровне передать информацию через текст и графические элементы.Представление должно быть логичным и четко расставлять акценты. На этом этапе большое значение придается оформлению элементов навигации (гиперссылки), они должны понятно объяснять, где сейчас находится пользователь и какой может быть его следующий шаг.

5. Верстка

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

6. Программирование или привязка к CMS (относится к динамическому сайту)

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

7. Наполнение сайта контентом

Наполнение сайта контентом производится либо разработчиком, либо самим заказчиком через систему управления контентом. Размещаются статьи, материалы, добавляются товары в каталог, публикуется контактная информация и так далее.

8. Публикация

Далее проводятся мероприятия завершающие создание сайта:

• общее тестирование
• регистрация доменного имени
• покупка хостинга
• перенос сайта на хостинг
• публикация сайта в сети
• регистрация в каталогах и поисковых системах.

Составление бюджета.

Бюджет планируется исходя из объема работ, временных рамок и наличия ресурсов. При необходимости в дополнительных работах (не включенных в техническое задание) все затраты будут обоснованы. После официального утверждения проекта любые добавления к нему приведут к дополнительному финансированию, поэтому в техническом задании тщательно перечисляются все необходимые детали.

Источник: a1pro.ru