Сайт производителя кабельной продукции KCEP
Вернуться к спискуСайт для «Кazcentrelectroprovod» (Казцентрэлектропровод) - это значимый для нас, полностью индивидуальный проект, прошедший все стадии разработки от создания концепции сайта и проектирования прототипа до программирования, наполнения и запуска.
Этапы работы
1. Визуальные элементы
Загрузка сайта начинается с красивого прелоадера, обыгрывающего логотип сайта. Все элементы сайта при скроллинге страницы появляются плавно, сайт словно живой.
2. География поставок (раздел «О компании») сделана в виде интерактивной карты — можно переключаться между видами продукции и видеть на карте объёмы и регионы поставок по каждому виду.
3. Интересно реализован раздел «Клиенты и партнеры» — подробная информация о каждом партнёре появляется в выезжающем справа окне, в нём же можно перелистывать список партнёров.
4. Раздел «Производство» — своеобразное знакомство с крупной компанией, её подразделениям, оформленное в виде красочной галереи с содержательными описаниями.
5. Каталог у компании довольно разветвлённый. Мы продумали его наглядное представление на сайте, обеспечивающее легкий доступ к каждому разделу. В помощь пользователю — выпадающее меню со всеми разделами/подразделами каталога и иконками направлений продукции. В каждом разделе/подразделе отображается количество товаров.
6. Карточка товара оформлена максимально подробно:
К каждому товару можно добавить документы/сертификаты, применение в проектах (связь с разделом «Проекты»), дополнительные аксессуары (связь с другими товарами из каталога).
7. Во всех разделах сайта предусмотрены удобные формы обратной связи.
8. В разделе «Пресс-центр» есть возможность выделять важные новости отдельным визуальным блоком (топ новостей). На главной странице также отображаются как топовые, так и обычные новости.
9. Раздел «Дилерская и филиальная сеть компании» — отдельные разделы с картами и метками на карте. Заодно мы видим представленность компании по регионам.
Фильтр по городам позволяет быстро найти нужного дилера или представительство компании и узнать подробные контактные данные.
Для нового сайта был разработан и внедрён сервис «Намотать на барабаны». Он позволяет пользователю в режиме онлайн выяснить, какой тип барабана понадобится для того или иного кабеля. Интерфейс сервиса прост и понятен пользователю: предусмотрены подсказки и визуальное сопровождение.
Также была добавлена возможность расставить барабаны в автомобиле.
Сервис помогает выбрать размер кузова авто и расставить внутри него барабаны разного размера — это облегчает планирование погрузки товара.
Далее мы добавили «Переводчик маркировок». Он позволяет найти в ассортименте производителя аналог провода определённой марки и перейти в каталог.
Сервисы нужны не только потенциальным покупателям — менеджеры по продажам тоже пользуются ими в работе.
Результат
Наш клиент — крупная компания, для которой сайт — не только инструмент продаж, но и визитная карточка. На сайте нет ничего лишнего, и в то же время есть всё необходимое, чтобы получить информацию о продукции, о деятельности компании и создать запоминающийся образ.
Это великолепный пример индивидуального проекта: мы создали яркий, эффектный сайт, дающий пользователю представление о масштабах компании, формирующий образ современного, динамичного и успешного производителя.
Этапы работы
- Экспресс-анализ. Мы определили целевую аудиторию, проанализировали охват и частоту запросов, оценили конкуренцию на рынке;
- Дизайн-концепция. На этом этапе мы разработали визуальную концепцию будущего сайта и отрисовали все макеты, также сюда входит подготовка технического задания.
- Прототип. Опираясь на данные анализа, мы разработали функциональный прототип будущего сайта;
- Программирование. В этот этап работы над проектом входит всё, что касается технической реализации: вёрстка, сборка, тестирование и запуск.
1. Визуальные элементы
Загрузка сайта начинается с красивого прелоадера, обыгрывающего логотип сайта. Все элементы сайта при скроллинге страницы появляются плавно, сайт словно живой.
2. География поставок (раздел «О компании») сделана в виде интерактивной карты — можно переключаться между видами продукции и видеть на карте объёмы и регионы поставок по каждому виду.
3. Интересно реализован раздел «Клиенты и партнеры» — подробная информация о каждом партнёре появляется в выезжающем справа окне, в нём же можно перелистывать список партнёров.
4. Раздел «Производство» — своеобразное знакомство с крупной компанией, её подразделениям, оформленное в виде красочной галереи с содержательными описаниями.
5. Каталог у компании довольно разветвлённый. Мы продумали его наглядное представление на сайте, обеспечивающее легкий доступ к каждому разделу. В помощь пользователю — выпадающее меню со всеми разделами/подразделами каталога и иконками направлений продукции. В каждом разделе/подразделе отображается количество товаров.
6. Карточка товара оформлена максимально подробно:
- товар можно рассмотреть со всех сторон: он показывается крупно в начале карточки товара в качестве красивого фонового изображения, затем ниже — галерея с фото с разных ракурсов;
- есть возможность добавления 3D-изображения, которое можно крутить с помощью курсора;
- интересная фишка: конструкция товара, т.е. изображение в разрезе с метками и подписями, за что отвечает каждый элемент конструкции.
К каждому товару можно добавить документы/сертификаты, применение в проектах (связь с разделом «Проекты»), дополнительные аксессуары (связь с другими товарами из каталога).
7. Во всех разделах сайта предусмотрены удобные формы обратной связи.
8. В разделе «Пресс-центр» есть возможность выделять важные новости отдельным визуальным блоком (топ новостей). На главной странице также отображаются как топовые, так и обычные новости.
9. Раздел «Дилерская и филиальная сеть компании» — отдельные разделы с картами и метками на карте. Заодно мы видим представленность компании по регионам.
Фильтр по городам позволяет быстро найти нужного дилера или представительство компании и узнать подробные контактные данные.
Внедрение сервисов
Для нового сайта был разработан и внедрён сервис «Намотать на барабаны». Он позволяет пользователю в режиме онлайн выяснить, какой тип барабана понадобится для того или иного кабеля. Интерфейс сервиса прост и понятен пользователю: предусмотрены подсказки и визуальное сопровождение.
Также была добавлена возможность расставить барабаны в автомобиле.
Сервис помогает выбрать размер кузова авто и расставить внутри него барабаны разного размера — это облегчает планирование погрузки товара.
Далее мы добавили «Переводчик маркировок». Он позволяет найти в ассортименте производителя аналог провода определённой марки и перейти в каталог.
Сервисы нужны не только потенциальным покупателям — менеджеры по продажам тоже пользуются ими в работе.
Результат
Наш клиент — крупная компания, для которой сайт — не только инструмент продаж, но и визитная карточка. На сайте нет ничего лишнего, и в то же время есть всё необходимое, чтобы получить информацию о продукции, о деятельности компании и создать запоминающийся образ.
Это великолепный пример индивидуального проекта: мы создали яркий, эффектный сайт, дающий пользователю представление о масштабах компании, формирующий образ современного, динамичного и успешного производителя.