Разработка лендинга для спецпроекта Технониколь

Разработать дизайн лендинга с иллюстрациями для нового спецпроекта «Домокомплекты Технониколь» .

В рамках проекта была проведена следующая работа:

• Разработан прототип сайта

• Подготовили три Дизайн-концепта

• Отрисовали иллюстраций для сайта

• Разработали полный дизайн всех элементов сайта 

• Подготовили Адаптивы и передали проект на верстку

• Протестировали работу, проверили дизайн и текст сайта на ошибки

Далее подробнее расскажем о каждом этапе работы над этим проектом. 

Изучили ТЗ, референсы, материалы и предварительную структуру от заказчика, составили ряд вопросов и предложений для обсуждения. Созвонились, обговорили функционал сайта, пожелания по дизайну и иллюстрациям.

Разработали прототип, написали текст, продумали фукционал и интерактивные элементы для взаимодействия с пользователем.

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

Дизайн-концепт 1.1 - Дизайн в светлых, спокойных, пастельных тонах преимущественно

Дизайн-концепт 1.2 - Добавили чуть больше яркости и насыщенности в цвете

Дизайн-концепт 1.3 - Ещё больше яркости и насыщенности в каждом блоке сайта

Итог согласования

Как это часто бывает, заказчику какой-то блок понравился из одного варианта, какой-то из другого. Поэтому собрали пазл из разных вариантов и привели все блоки к единству.

Отрисовали 4 домика по мотивам реальных проектов домов от Технониколь. Обыграли каждый зимними и летними пейзажами, разными природными ландшафтами. 

Иллюстрация для главного экрана

Иллюстрации для результатов теста

Карта-схема

Карту-схему нарисовали в изометрическом стиле. Карта интерактивная - каждый объект является отдельным слоем, который можно включить или выключить и посмотреть, как может выглядеть абстрактная будущая турбаза и какие объекты в проекте необходимы.

Отрисовали дизайн остальных блоков страницы, готовые иллюстрации интегрировали в нужные блоки, отрисовали все поп-апы, скрытые элементы в слайдерах.

Написали подробное ТЗ по функционалу, дизайну и анимации для верстальщика. Это ответственный этап, от которого во многом зависит результат. Сайт должен быть понятным и комфортным для пользователя, адаптивным и должен корректно отображаться на всех устройствах. Передали все материалы на вёрстку.

Тестирование сайта

Протестировали работу сайта на исправность. Проверили отображение в нескольких браузерах и на мобильных устройствах Andriod и IOS.

Проверка дизайна

Проверили итоговую верстку на наличие визуальных ошибок, сравнив десктопную и мобильную версии сайта с дизайн-макетами. Передали финальные правки.

Проверка текста

Вычитали текст на сайте, проверили на орфографические и пунктуационные ошибки. Внесли корректировки чтобы, сделать текст более продающим.

Завершили разработку дизайн лендинга с иллюстрациями для спецпроекта «Домокомплекты Технониколь», и сдали проект за 18 дней.