Арифметика окон
Арифметика окон — первый онлайн-магазин с функцией онлайн-калькулятора, где вы можете создать собственные оконные конструкции с нужными характеристиками.
о проекте
Задача:Перед нами стояла задача - разработать сайт с калькулятором, который позволил бы пользователям заказать окна по индивидуальным параметрам.
Какая работа была проделана:В первую очередь провели анализ конкурентов, на основе которого проработали структуру сайта, прототип, дизайн. Подобного решения в части калькулятора среди компаний-конкурентов не нашлось, поэтому его функционал разрабатывался нашей командой с чистого листа.
Помимо сложной технической части, мы также уделили большое внимание страницам каталога и товара, поскольку это второй путь, по которому пойдет пользователь, предпочитая готовое решение. Таким образом, мы сделали сайт, который позволяет внести все необходимые характеристики и заказать окно самостоятельно, исключив лишнее время на вызов замерщика, или купить окно, выбрав вариант из готовых решений.
Быстрая навигация:
Разработка сайта
Калькулятор
Поскольку окно обладает большим количеством характеристик (профиль, стеклопакет, цвет, конфигурация, откосы, отливы и т.д), функционал калькулятора получился весьма сложным и объемным, поэтому главная цель этого проекта — сделать калькулятор доступным и понятным для любого пользователя, в том числе для тех, кто не разбирается в данной тематике.
Главная страница
Ника Анкудович
UX | UI дизайнер
Главная страница начинается с баннера, на котором представлено главное УТП компании — возможность самостоятельного заказа окна по своим расчетам. Далее идут приоритетные блоки, в которых пользователь совершает целевое действие — это калькулятор и каталог. Также главная страница содержит блоки, которые важны для формирования доверия пользователя: отзывы, сертификаты, партнеры, информация о компании.
Каталог и страница товара
Ника Анкудович
UX | UI дизайнер
Каталог организован таким образом, чтобы в нем быстр можно было найти то, что интересует. В этом помогают табы, плитка тегов и фильтры. Перейдя на страницу товара, у пользователя есть возможность изменить характеристики любого окна под свои расчеты. Также страница товара содержит таблицу сравнения данного окна с другими по основным характеристикам, а также блок “похожие предложения”.
Мобильная адаптация
Все страницы адаптированы под небольшой ноутбук, планшет, мобильный телефон. Большое внимание в этом аспекте было уделено калькулятору. В мобильной адаптации были добавлены кнопки “далее” и “назад”, чтобы переключаться между шагами. Таким образом страница получилась не слишком длинной.
Прокрути меня!
Мобильная версия
Мобильныфй трафик сейчас-практически основнй, поэтому мы уделяем много внимания адаптивным версиям сайта
Получите персональную скидку
Мы всегда рады помочь и подсказать в том, в чем мы - профессионалы
Оставьте заявку и мы перезвоним вам!
Калькулятор окон разделен на три шага. Такое решение облегчает понимание пользователя, который постепенно заполняет всю необходимую для заказа информацию.
Первым этапом заполняются все параметры, которые касаются самого окна, далее пользователь выбирает аксессуары, и последний шаг — выбор доставки. Тем не менее, в некоторых характеристиках окон пользователи могут не разбираться. Поэтому мы предусмотрели информационные подсказки, кликнув на которые появляется pop-up с подробным описанием и визуализацией.