Изучение ТЗ, выстраивание плана работ
Подготовка | 1 день
Изучили ТЗ, референсы, материалы и предварительную структуру от заказчика, составили ряд вопросов и предложений для обсуждения. Созвонились, обговорили функционал сайта, пожелания по дизайну и иллюстрациям.
Разработка прототипа сайта
Первый этап | 2 дня
Разработали прототип, написали продающий текст, продумали фукционал и интерактивные элементы для взаимодействия с пользователем.
Дизайн-концепты
Второй этап | 3 дня
Изучили, проанализировали референсы на предмет продающего визуала. Выделили в них удачные и современные стилистические решения. На основе этого разработали дизайн-концепции в плиточном стиле с 3-мя разными цветовыми решениями. На этом же этапе продумали и сделали набросок для иилюстрации главного экрана.
Дизайн-концепт 1.1
Дизайн в светлых, спокойных, пастельных тонах преимущественно
Дизайн-концепт 1.2
Добавили чуть больше яркости и насыщенности в цвете
Дизайн-концепт 1.3
Ещё больше яркости и насыщенности в каждом блоке сайта
Финальный вариант
итог согласования
Как это часто бывает, заказчику какой-то блок понравился из одного варианта, какой-то из другого. Поэтому собрали пазл из разных вариантов и привели все блоки к единству.
Отрисовка иллюстраций для сайта
третий этап | 7 дней
Отрисовали 4 домика для сайта по мотивам реальных проектов домов от Технониколь. Обыграли каждый зимними и летними пейзажами, разными природными ландшафтами.
Карта-схема
Карту-схему нарисовали в изометрическом стиле. Карта интерактивная - каждый объект является отдельным слоем, котрый можно включить или выключить и посмотреть, как может выглядеть абстрактная будущая турбаза и какие объекты в проекте необходимы.
Продолжение дизайна сайта
Четвёртый этап | 3 дня
Отрисовали дизайн остальных блоков страницы сайта, готовые иллюстрации интегрировали в нужные блоки, отрисовали все поп-апы, скрытые элементы в слайдерах.
Адаптивы. Подготовка к вёрстке. Передача
пятый этап | 1 день
Написали подробное ТЗ по функционалу, дизайну и анимации для верстальщика. Это ответственный этап, от которого во многом зависит результат. Сайт должен быть понятным и комфортным для пользователя, адаптивным и должен корректно отображаться на всех устройствах. Передали все материалы на вёрстку.
Тестирование. Проверка.
Заключительный этап | 1 день
Тестирование сайта
Протестировали работу сайта на исправность. Проверили отображение в нескольких браузерах и на мобильных устройствах Andriod и IOS.
Проверка дизайна
Проверили итоговую верстку на наличие визуальных ошибок, сравнив десктопную и мобильную версии сайта с дизайн-макетами. Передали финальные правки.
Проверка текста
Вычитали текст на сайте, проверили на орфографические и пунктуационные ошибки. Внесли корректировки чтобы, сделать текст более продающим.
