/

, , .

UX/UI, ,
WebGL, frontend, CMS
8
, ,
01 //

INVESTOR_FLOW

, . .

, , .

, .

, , .

+140% , .
Панорамное остекление современного дома у бассейна
CASE / 01KUBANSTROY2020UX/UI · DEVELOPMENT · CONTENT

Сайт и интернет-магазин для компании по панорамному остеклению

КубаньСтрой

00 / О ПРОЕКТЕ

Помогли разобраться в сложном продукте и выбрать подходящее решение

«КубаньСтрой» поставляет и устанавливает окна, двери, стеклянные конструкции и алюминиевые системы. Мы спроектировали сайт, который понятно рассказывает об ассортименте, помогает сравнить варианты и быстро перейти к расчёту стоимости.

Клиент
КубаньСтрой
Направление
Панорамное остекление
Что сделали
Структура, UX/UI, разработка, контент
Формат
Корпоративный сайт и интернет-магазин

01 / ЗАДАЧИ И РЕШЕНИЯ

Что нужно было изменить

Задачи

  1. Объяснить разницу между окнами, дверями, стеклом и алюминиевыми конструкциями.
  2. Показать качество материалов и работ без перегруженных технических текстов.
  3. Сделать путь до заявки коротким и понятным с любого устройства.

Решения

  1. Разделили каталог по материалам и задачам покупателя.
  2. Собрали на страницах товаров характеристики, преимущества и примеры применения.
  3. Добавили заметные точки обращения: расчёт, обратный звонок и чат.

02 / КАК РАБОТАЛИ

От анализа старого сайта до готового каталога

01

Разобрали ассортимент

Изучили направления компании, частые вопросы покупателей и сценарии обращения.

02

Собрали структуру

Развели корпоративную информацию и интернет-магазин, сохранив между ними понятные переходы.

03

Спроектировали экраны

Продумали главную, каталог, карточки товаров, формы и адаптивные версии.

04

Запустили сайт

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

03 / РАЗДЕЛЫ САЙТА

Всё необходимое для выбора и обращения

  • О компании
  • Интернет-магазин
  • Изделия из ПВХ
  • Изделия из стекла
  • Изделия из алюминия
  • Контакты
  • Обратный звонок
  • Онлайн-чат

04 / ГЛАВНАЯ

С первого экрана понятно, чем занимается компания

Главная знакомит с ключевыми направлениями, преимуществами и ассортиментом. Пользователь может сразу перейти в магазин, посмотреть нужную категорию или заказать звонок.

Главная страница сайта КубаньСтрой

05 / КАТАЛОГ

Каталог без лишней сложности

Товары сгруппированы по материалам и типам конструкций. Человек быстрее находит подходящий раздел и понимает, какие варианты стоит сравнить.

  • Окна и двери
  • Порталы и раздвижные конструкции
  • Стеклянные изделия
  • Алюминиевые системы
Каталог сайта КубаньСтрой
Карточка товара в интернет-магазине КубаньСтрой

06 / ТОВАР

На странице товара есть всё для решения

Преимущества, характеристики и назначение собраны в одном месте. После знакомства с продуктом пользователь может перейти к расчёту или связаться с менеджером.

07 / ОБРАЩЕНИЕ

Заявка остаётся естественным продолжением выбора

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

Форма обращения на сайте КубаньСтрой

08 / ФАКТЫ О КЛИЕНТЕ

Доверие подтверждается работой компании

14 лет
на рынке остекления
1000+
реализованных объектов
REHAU
официальный партнёр

09 / ИТОГ

Сайт помогает выбрать продукт и перейти к разговору с компанией

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

10 / СОСТАВ РАБОТ

Что сделали

01Анализ и структура

02UX/UI дизайн

03Корпоративный сайт

04Интернет-магазин

05Адаптив и запуск

11 / НОВЫЙ ПРОЕКТ

Нужен сайт, который понятно расскажет о сложном продукте?

Обсудить проект →
NEXT CASE / 02Дар милосердияСмотреть кейс →