Кейс: создание слайдера на главную страницу для кровельной компании

nexta.by

Компания «Nexta» — официальный дилер заводов-изготовителей кровельных материалов, сайдинга, стенового профнастила, заборов, ограждений и другой строительной продукции. Компания является официальным представителем завода GRAND LINE в Полоцке и Новополоцке, а также поставляет продукцию таких проверенных и известных торговых марок как SHINGLAS, DÖCKE и BUDMAT.

обращение

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

цель

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

решение

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

ниша

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

Процесс создания слайдера

Описание

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

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

Поэтому в качестве шрифта был выбран шрифт, который используется на самом сайте. Адаптировали слайдер под все устройства: компьютеры, ноутбуки, планшеты и мобильные устройства. Фон был выбран спокойный и непринуждённый – небо. Про выпуклые кнопки с эффектом глянца можете даже не спрашивать, это вы точно не увидите. А цвета были подобраны под общую гамму сайта: фиолетовый и оранжевый.

Чтобы не перегружать слайдер, подложку сделали полупрозрачно-белую. Иконки с тонкими линиями так же не утяжеляют картинку, а еще именно они являются информативной частью на баннере. Кнопка сделана в одной стилистике с другими кнопками на сайте.

И, конечно, слайдер был адаптирован под разные разрешения экранов:

Вроде все готово, но как-то скучновато, – подумали мы и решили добавить щепотку анимации. Посмотрите, что получилось.

Результаты по проекту

Результат

Итоговый слайдер стал более современным и визуально лёгким, при этом сохранил информативность и чёткую структуру подачи услуг. Благодаря адаптивности и аккуратной анимации он корректно отображается на всех устройствах и улучшает первое впечатление о компании.

1. Улучшение визуального восприятия главной страницы

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

2. Повышение удобства восприятия информации

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

3. Рост вовлечённости пользователей

Добавленная анимация увеличила интерес к первому экрану и удержание внимания посетителей.

Отзыв от заказчика

Отзыв

Е.И. Рудковская

Директор

Нам очень понравился новый слайдер! Он отлично вписался в стилистику сайта. Были учтены все пожелания, за что мы хотим поблагодарить компанию SILVERWEB. Мы были уверены, что результат нас утроит с первого же макета! Работа была выполнена раньше оговоренного срока, что является огромным плюсом.

Благодарим за прекрасную работу.