FOTADESIGN

Аналитика, проектирование, дизайн для Веб, и не только

Избранные проекты

Создание сайтов

Многие люди думают, что сделать веб-сайт – очень просто. Ну правда, что тут может быть сложного? Нарисовал за час дизайн в Фотошопе. Потом сверстал HTML в WYSIWYG редакторе. Закинул в систему управления сайтом. (Или того проще взял готовый шаблон). Добавил текста и картинок, заимствованных в Интернете. И все готово!

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

В общем случае разработка типового веб-сайта состоит из этапов

1

Определение проекта

На этом этапе проясняются цели и задачи проекта, требования заказчика и возможные ограничения. Проводится аудит текущего состояния дел. Изучается конкурентная среда, целевая аудитория. Из ЦА выделяются ключевые персонажи. Определяются их цели и задачи, прорабатываются типовые сценарии работы. Все это фиксируется в техническом задании.

2

Архитектура проекта

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

3

Проектирование интерфейса

Выполняется проектирование структурных макетов ключевых страниц (wireframes). При необходимости собирается интерактивный прототип (это может происходить и после разработки дизайна). Интерактивный прототип может тестироваться на реальных пользователях продукта для выявления слабых мест и неучтенных факторов на сравнительно раннем этапе работ.

4

Дизайн

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

5

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

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

6

Сборка сайта

На хостинг устанавливается выбранная система управления (в общем случае). Интегрируются шаблоны страниц. Настраиваются и при необходимости дорабатываются (или пишутся новые) компоненты системы управления. Формируется базовая структура сайта согласно информационной архитектуре.

7

Наполнение контентом

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

8

Тестирование и ввод в эксплуатацию

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

В зависимости от масштаба и специфики проекта какие-то этапы могут быть минимизированы. Например, структурные макеты страниц могут быть выполнены просто в виде набросков (скетчей) на листах бумаги. Одностраничному сайту (лендингу) не нужна развернутая информационная архитектура. Сайт может быть собран без системы управления (на чистом HTML/PHP). Сайт может быть собран с использованием какого-то конструктора (в этом случае не нужна верстка HTML). Тем не менее, в том или ином виде большинство из названных этапов будет присутствовать при профессиональной разработке сайта.

9

Поддержка

Поддержка не является этапом разработки, но является неотъемлемой частью жизненного цикла сайта. Так как любой мало-мальски востребованный и "живой" сайт должен развиваться: Может меняться концепция, может меняться таргетирование (что приведет к необходимости изменения интерфейса и функциональных возможностей сайта). Могут быть выявлены какие-то просчеты в юзабилити (к сожалению, это реальность – даже обширные предрелизные тесты не могут заменить опыт реальной эксплуатации). Без привлечения команды разработчиков в этом случае не обойтись.