Создание сайтов
Многие люди думают, что сделать веб-сайт – очень просто. Ну правда, что тут может быть сложного? Нарисовал за час дизайн в Фотошопе. Потом сверстал HTML в WYSIWYG редакторе. Закинул в систему управления сайтом. (Или того проще взял готовый шаблон). Добавил текста и картинок, заимствованных в Интернете. И все готово!
Конечно, можно действовать и так. Все зависит от того, для чего вам нужен сайт. Если вы хотите достичь каких-то серьезных целей при создании нового сайта или редизайне старого (повысить конверсию, освоить новый сегмент рынка, да и просто заявить о себе), то и подход должен быть соответствующий – основательный и профессиональный.
В общем случае разработка типового веб-сайта состоит из этапов
Определение проекта
На этом этапе проясняются цели и задачи проекта, требования заказчика и возможные ограничения. Проводится аудит текущего состояния дел. Изучается конкурентная среда, целевая аудитория. Из ЦА выделяются ключевые персонажи. Определяются их цели и задачи, прорабатываются типовые сценарии работы. Все это фиксируется в техническом задании.
Архитектура проекта
Полученные на первом этапе данные о необходимом на сайте контенте и функционале классифицируются, систематизируются, и представляются в виде иерархии (структуры сайта). Проектируются схемы именования элементов, навигации, поиска. (Таким образом можно сказать, что информационная архитектура – это "скелет" веб-сайта).
Проектирование интерфейса
Выполняется проектирование структурных макетов ключевых страниц (wireframes). При необходимости собирается интерактивный прототип (это может происходить и после разработки дизайна). Интерактивный прототип может тестироваться на реальных пользователях продукта для выявления слабых мест и неучтенных факторов на сравнительно раннем этапе работ.
Дизайн
Разрабатывается дизайн ключевых страниц сайта и шаблоны оформления типовых элементов интерфейса (UI kit). При необходимости, может быть подготовлено руководство по дизайну. И сформирован пакет файлов и спецификаций для передачи в разработку.
Верстка шаблонов
На основе дизайн-макетов готовится набор из файлов HTML, соответствующих ключевым экранам. Плюс файлы стилей (CSS), необходимые графические файлы и шрифты. Проверяется и оттачивается поведение шаблонов под разные экраны/устройства (адаптивность).
Сборка сайта
На хостинг устанавливается выбранная система управления (в общем случае). Интегрируются шаблоны страниц. Настраиваются и при необходимости дорабатываются (или пишутся новые) компоненты системы управления. Формируется базовая структура сайта согласно информационной архитектуре.
Наполнение контентом
Сайт наполняется текстовым и медиа содержимым. Для создания уникального текстового контента может привлекается копирайтер. Для формирования уникального медиа-контента (например, каталога продукции) также может потребоваться привлечение фотографа и других специалистов.
Тестирование и ввод в эксплуатацию
Готовый сайт тестируется разработчиком и заказчиком. Может проводиться тестирование сайта на некотором числе реальных пользователей. Найденные недочеты устраняются. После чего открывается доступ к сайту для широкой аудитории.
В зависимости от масштаба и специфики проекта какие-то этапы могут быть минимизированы. Например, структурные макеты страниц могут быть выполнены просто в виде набросков (скетчей) на листах бумаги. Одностраничному сайту (лендингу) не нужна развернутая информационная архитектура. Сайт может быть собран без системы управления (на чистом HTML/PHP). Сайт может быть собран с использованием какого-то конструктора (в этом случае не нужна верстка HTML). Тем не менее, в том или ином виде большинство из названных этапов будет присутствовать при профессиональной разработке сайта.
Поддержка
Поддержка не является этапом разработки, но является неотъемлемой частью жизненного цикла сайта. Так как любой мало-мальски востребованный и "живой" сайт должен развиваться: Может меняться концепция, может меняться таргетирование (что приведет к необходимости изменения интерфейса и функциональных возможностей сайта). Могут быть выявлены какие-то просчеты в юзабилити (к сожалению, это реальность – даже обширные предрелизные тесты не могут заменить опыт реальной эксплуатации). Без привлечения команды разработчиков в этом случае не обойтись.