Процесс работы над веб-проектом Анализ, разработка концепции, эскизы, дизайн, верстка, разработка, запуск.
— Тщательный сбор и анализ информации о компании, целевой аудитории, продуктах и конкурентной среде;
— Вдумчивая проработка ключевых точек коммуникации с целевой аудиторией в рамках веб-проекта на основе собранных данных;
— Анализ информации о когнитивном поле целевой аудитории, проработка визуального стиля и выявление эффективных инструментов коммуникации (цвета, шрифты, стиль текстов, общее восприятие).
— Разработка структуры сайта с учетом запросов целевой аудитории и удобных блочных прототипов ключевых страниц с учетом основных пользовательских сценариев;
— Создание дизайн-макета на основе согласованных прототипов и фирменного стиля компании и разработанной концепции. Внесение правок в дизайн при необходимости;
— Верстка утвержденных дизайн-макетов и создание адаптивных макетов. Создание и интеграция динамических скриптов.
— Разработка удобной системы управления контентом на основе открытой платформы.
— Наполнение сайта контентом на временном домене. Тестирование работоспособности сайта на популярных устройствах и в распространенных браузерах.
— Перенос готового проекта и запуск на основном домене.
Сбор данных и анализ целевой аудитории
Сбор и анализ информации о когнитивном поле целевой аудитории, проработка визуального стиля и выявление эффективных инструментов коммуникации (цвета, шрифты, стиль текстов, общее восприятие), проработка сценариев поведения пользователей на сайте.
Проектирование блочных прототипов под сценарии, общее юзабилити
Разработка блочных прототипов основных страниц, проработка расположения элементов в соотвествии с разработанными пользовательскими сценариями, выстраивание логики повествования.
Создание концепции графического дизайна сайта
Общая концепция дизайна, дизайн главной страницы на основе разработанного прототипа и выработанного стиля, с учетом данных о визуальном поле ЦА и информации, полученной на этапе анализа.
Графический дизайн ключевых страниц и элементов
Отрисовка уникальных внутренних страниц, динамических элементов, проработка визуальной составляющей обратной связи на действия пользователя. Концептуализация анимированных переходов и микро-анимаций.
Адаптивная верстка, создание динамических элементов
«Нарезание» дизайна на отдельные элементы и сбор их в готовую HTML-страницу, тестирование отображения на мобильных устройствах. Техническая оптимизация графики, кода, скорости загрузки.
Разработка информационной архитектуры. Интеграция с CMS
Интеграция верстки с CMS, подобранной под архитектуру проекта. Создание структуры данных и настройка удобного интерфейса администрирования. Установка, настройка необходимых дополнительных модулей. Техническая оптимизация системы.
Наполнение, тестирование, запуск
Наполнение сайта предоставленной текстовой и созданной графической информацией. Выверка, форматирование, внесение.
Работа на временном домене, разворачивание CMS, настройка хостинга, перенос готового сайта. Тестирование общей работоспособности сайта на различных устройствах.