Разработка дизайна сайта, размещение статей с оформлением для магазина окон ПВХ

Заказчик:
Александр Гаврилов - руководитель маркетингового агентства

Задача:

Вместе с заказчиком несколько лет занимались сайтом по продаже и установке окон ПВХ. Заказчик занимался продвижением сайта. На мои плечи была возложена задача оформления дизайна сайта, дизайна контента и подбора графики для статей, новостей.

Изначально был лишь логотип клиента и список пунктов меню.

Что было сделано:

Для проекта был выполнен современный дизайн с учетом оформления каталога товаров, выполнена адаптивная верстка. Впоследствии дизайн не раз улучшался. Также я занимался добавлением и оформлением контента, подбором фотографий и разработкой инфографики для статей, новостей, слайдов, акций.

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

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

Результат:

Сайт ozerckieokna.ru

Главная страница

Страница товара

Квиз опросник-окон

Модуль позволяет выбрать тип окна, его размеры и параметры, и отправить заявку на почту администратору сайта. В заявке придут контакты потенциального покупателя, и параметры выбранного окна.

Для удобства и простоты восприятия, модуль разбит на 3 шага.

Шаг 1

1. В первом шаге мы выбираем тип окна, кликая по фотографии окна. Здесь же мы можем полистать карусель фотографий, если их будет много. Листаем с помощью стрелок. После клика на окну и нажатию на кнопку "далее" мы переходим ко второму шагу.

Шаг 2

2. На втором шаге мы видим слева выбранный тип окна в виде фото. Рядом указан размер окна (ширина и высота). ПОльзователь может вписать в окошки свои размеры ширины и высоты. Справа наблюдаем выбор параметров окна.

Шаг 3

3. На третьем шаге нам показывают, какое окно и его параметры выбраны, и с помощью анкеты мы можем оставить заявку. Также есть возможность вернуться назад для изменения параметов окна.