Заполнив бриф и составив техническое задание можно переходить к планированию этапов работ.
Прототипирование
Прототип (макет) сайта позволяет наглядно внешний вид сайта, определить расположение основных блоков, их размеры. На этом же этапе надо определить функциональные связи. Все это позволит в дальнейшем значительно сократить число доработок и, как следствие, время на создание сайта.
Можно выделить несколько способов создания прототипов.
Самый простой –на бумаге. Заказчику представляется практически рисунок, так называемый статичный прототип. СМ. рисунок
С его помощью можно составить общее представление о том, как будет выглядеть сайт, размещение блоков, их функциональное назначение, основные цвета. Однако, такой недостаток как трудоемкость внесения изменений, а так же отсутствие интерактивности делают этот способ прототипирования полезным только для создания эскизов.
То же самое относится и к прототипу «на доске». От первого способа его отличает разве что размер отображения и несколько более быстрый способ внесения изменений. Т.е. этот способ хорош для командного обсуждения при старте проекта. Для того, чтобы получить полнофункциональный прототип будущего сайта, специалисты Studio42 предлагают использовать специальные программы или онлайн-сервисы: Axure Pro, Microsoft Visio, Adobe InDesign и Adobe Photoshop, Figma. Они позволяют быстро создать прототип, а за. Созданные таким образом прототипы получаются точными и интерактивными, имеется возможность тестирования. Результат работы можно выгрузить или картинкой, или в виде html-документа и затем разослать всем участникам проекта.
Создание макета дизайна сайта;
Можно сказать, что это составная часть прототипа сайта, а можно – что это прототип, лишенный интерактивности. В концепции нашей студии – это логичное дополнение прототипа, которое, впрочем, может существовать совершенно автономно. При разработке прототипа основной упор делается на расположение элементов на странице, их размеры и взаимосвязи. В макете дизайна глубоко прорабатываются цветовые решения, производится подбор шрифтов и декоративных элементов, выбираются картинки.
Таким образом, по итогу этих двух этапов у заказчика должно быть полное представление как будет выглядеть готовый сайт. Теперь можно приступать непосредственно к магии создания.
Верстка;
Простыми словами, верстка – это превращение нарисованного дизайнером макета в HTML и CSS-код. Сама по себе тема очень обширная и мы не будем здесь углубляться в теорию. Можно лишь отметить, что на текущий момент самым передовым видом является адаптивная. Она позволяет легко подстраиваться страница под размеры экрана различных устройств путем изменения размеров шрифта, элементов, их расположения на странице. Сам по себе процесс адаптивной верстки достаточно трудоемок, но он того стоит. При переделке сайта как правило заказывается его адаптивная версия.
Программирование;
Пожалуй, потенциально самый сложный этап в процессе создания сайта. Работа программиста может заключаться в создании небольших декоративных элементов сайта, а может потребовать многодневного труда по интеграции различных систем автоматизации бизнеса. Это задачи определяются на этапе составления технического задания и тогда же определяются специализации программистов, привлекаемых к проекту.
Типовые задачи, решаемые программистами:
- Интеграция решения с любыми платформами и CMS не зависимо от масштаба проекта: от сайта-визитки до медиа-портала.
- Интеграция модулей безопасности для работы с защищёнными протоколами.
- Интеграция БД из любой программной среды с web-сайтом.
- Разработка индивидуальных программных решений для интернет-магазинов.
- Любые виды интерактивных элементов для осуществления связи с посетителями сайта и оживления дизайна.
- Интеграция программной части сайта с 1С и другими программами автоматизации бизнеса.
- Разработка многопользовательского backend-интерфейса для сайта.
Наполнение контентом;
Это завершающий этап создания сайта. На этом этапе на страницы вставляются текста, заливаются картинки, размещается другая информация. На основе этих данных пишутся SEO-статьи, создается контекстная реклама. На них же опираются при продвижении в социальных сетях. В зависимости от первоначального задания агентство или выполняет наполнение только типовых страниц или же берет на себя весь объем работ. Во втором случае часто требуется дальнейшее сотрудничество с контент-менеджером.
Тестирование
Тестирование сайта простыми словами – это проверка его на возможные ошибки, как правило технические и дизайнерские. Сама по себе тема так же довольно обширная и заслуживает отдельной статьи, но что самое главное, что в конечном счете должно явиться результатом этого этапа – это проверка соответствия выполненной работы и технического задания. Этот этап подводит своеобразную черту под всей работой. Безусловно, в дальнейшем возможно и сопровождение сайта, и его гарантийное обслуживание (что является темой отдельного соглашения), но после проведения тестирования и исправления всех выявленных недостатков работу по разработке сайта можно считать выполненной.
Сдача готового проекта
Ваш сайт готов. Надеемся, что он соответствует вашим ожиданиям и будет в будущем приносить прибыль и вызывать завись у конкурентов. Мы передаем вам все права и доступы к сайту и проводим краткое обучение работе с системой управления. Также наши специалисты расскажут о возможных дальнейших шагах по продвижению сайта, подскажут, как привлечь и удержать клиентов. Обо всем этом можно почитать здесь.