Сбор данных и аналитика1
Макетирование и подготовка ТЗ2
Разработка дизайна страниц сайта3
Вёрстка4
Программирование и интеграция5
Наполнение сайта контентом6
Тестирование и запуск проекта7
Сбор данных и аналитика
Самое важное на этом этапе — получить ясное и полное понимание того, каким будет назначение вашего будущего сайта, каких целей вы
хотите достичь с его помощью, а также какова целевая аудитория, которую вы хотите на него привлечь.
Детально составленный план, созданный на основе данных, полученных на этом этапе, позволит определить наилучшую стратегию дальнейшего развития проекта.
- Выявление целей сайта
- Определение и анализ целевой аудитории
- Исследования конкурентов
- Выявление основных преимуществ
- Структурирование полученных данных
Кто участвует:
Руководитель отдела разработки
Макетирование и подготовка ТЗ
После того, как все необходимые данные о компании собраны, мы прорабатываем структуру и навигацию будущего сайта и создаем макеты страниц.
Макетирование сайта – это создание схематичной модели будущего сайта.
Данный процесс позволяет грамотно продумать расположение нужных блоков и элементов дизайна, увидеть наглядно концепцию будущего сайта, правильно организовать систему навигации на сайте, продумать возможности взаимодействия посетителя с сайтом.
- Разработка прототипа главной страницы
- Разработка прототипов внутренних страниц
- Подготовка и согласования Технического Задания
Кто участвует:
Руководитель отдела разработки
Разработка дизайна страниц сайта
На этом этапе веб-сайт становится еще ближе к своей окончательной форме. Вся информация, которая была собрана на самой первой стадии проекта, крайне важна на этом шаге. Интересы заказчика, а также целевая аудитория, должны учитываться в первую очередь во время работы над дизайном.
Дизайнером на данном этапе создается дизайн-макет страниц. Основное назначение дизайн-макета —визуализировать структуру страницы, ее содержимое, а также отобразить основной функционал.
- Разработка дизайна главной страницы
- Разработка дизайна внутренних страниц
- Разработка дизайна форм захвата
- Проработка адаптивности для планшетов
- Проработка адаптивности для смартфонов
Кто участвует:
Руководитель отдела разработки
Руководитель группы программистов
Вёрстка
После разработки и полной модерации дизайн-макетов страниц сайта проводится верстка всех страниц. Верстка сайта представляет собой описание программным кодом визуальной части веб-сайта.
Независимо от того, какой браузер и устройство (desktop/mobile) использует пользователь, сайт должен выглядеть и работать корректно при любом разрешении экрана.
- Создание таблиц стилей CSS, где определяется цветовая гамма, шрифты и расположение элементов.
- Разработка меню, интерфейса.
- Макет страницы сравнивается с макетом дизайна на полное совпадение.
- Страницы тестируется на разных устройствах и браузерах на разных разрешениях экрана.
Кто участвует:
Руководитель отдела разработки
Руководитель группы программистов
Программирование и интеграция
Программирование сайта – это работа, которая связывает воедино веб-графику и функциональную составляющую ресурса. В техническом плане этот этап является наиболее сложным по реализации.
На этом этапе происходит установка CMS. Все статичные элементы веб-сайта, дизайн которых был разработан ранее при создании шаблона, превращаются в реальные динамические интерактивные элементы веб-страницы. Так же на этом этапе выполняется настройка интеграции сайта с 1С и подключение необходимых модулей, online сервисов и т.д.
- Установка системы управления
- Разработка эксклюзивных модулей
- Подключение модулей и компонентов
- Интеграция с 1С, системой online оплаты, online консультантом и т.д.
Кто участвует:
Руководитель отдела разработки
Руководитель группы программистов
Наполнение сайта контентом
Процесс создания контента обычно проходит параллельно с другими стадиями разработки и его роль не стоит недооценивать. На данном шаге необходимо описать самую суть того, что вы хотите донести до аудитории своего веб-сайта, а также добавить CTA (призыв к действию).
Эта стадия включает в себя также создание привлекательных и броских заголовков, написание и редактирование текста, компиляцию существующих текстов и т.д. Как правило, заказчик предоставляет контент, уже готовый к тому, чтобы быть размещенным на сайте. Если требуется подготовка контента силами Исполнителя, то данная услуга предоставляется за дополнительную плату.
- Наполнение разделов и страниц сайта
- Создание меню
- Загрузка необходимых фотографий
- Создание разделов и страниц сайта
- Наполнение каталогов товарами и услугами
Кто участвует:
Руководитель отдела разработки
Тестирование и запуск проекта
Тестирование является, наверное, самой рутинной частью разработки. Каждая ссылка должна быть проверена, каждая форма и каждый скрипт должны быть протестированы. Для проверки соответствия верстки современным веб-стандартам используются валидаторы кода.
Также крайне важно проверить разработанный сайт на кроссбраузерную совместимость.
После полного тестирования сайт переносится с тестового сервера на основной сервер заказчика, после чего тестируется повторно, для поиска ошибок, которые могли возникнуть в результате переноса. После этого проект считается сданным клиенту.
- Перенос сайта на рабочий сервер
- Тестирование на ошибки
- Проверка валидности кода
- Оптимизация работы сервера
Кто участвует:
Руководитель отдела разработки
Руководитель группы программистов