Интернет-магазин и онлайн калькулятор «Окна-Юнивёрсал»

Задача: Сделать сайт для удобного и быстрого заказа пластиковых окон

Начинаем с калькулятора. Изучаем сайты конкурентов. Приходим к выводу о необходимости создания совершенного нового интерфейса калькулятора. 
 

Создаем работающий прототип.

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

 

Разрабатываем дизайн калькулятора. Первая прикидка.
 

Кнопки добавления створки несколько громоздки. К тому же добавить можно и справа и слева не только створку, но и дверь. Створки можно добавлять несколько раз, а вот дверь — только одну. 

Исправляем кнопки и делаем первый вариант страницы в целом. 

Арт-директор не принимает. Синий блок внизу не на месте. По клику на кнопки с логотипами профилей в этом блоке должны всплывать окна с информацией. Нелогично, когда они внизу, а окна будут всплывать вверх. Надо поднимать наверх весь синий блок, других вариантов нет. Да и информация о скидках в самом низу — нелогично. Также следует изменить компановку меню.

Вариант шапки с синим блоком сверху. 

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

Отрабатываем вид нажатой кнопки и вслывающего блока. 

Разрабатываем страницу корзины. 

Приходим к выводу, что сразу на странице корзины надо размещать и форму отправки заказа. Зачем лишние переходы? 

Собираем типовые серии панельных домов.

 

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

Тестируем, запускаем. 

×

Вы используете устаревший браузер Internet Explorer

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