Ника Юг: создание сайта

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

Раскрыть полное описание ▼

Клиент

Ника Юг — российский завод водосточных систем. Производит водoстoки премиум класса из отечественной cтaли с 2014 гoдa. Компания обладает целым парком современного оборудования, выпускает широкую линейку водостоков круглого и прямоугольного сечения, имеет налаженную систему сбыта продукции.

Задание

Начну с предыстории. У них уже был сайт, но это простой лендинг, который не предназначался для большого количества информации. Если раньше у них был один товар, то со временем, линейка пополнилась, появились цвета, дополнительный товары, и это все было просто втиснуто на одну страницу. Ествественно, ни о какой структуре и ясности речи быть не могло. Заказы не шли, просто, потому что не было понятно вообще куда попал человек, и зачем ему этот товар. Так дальше продолжаться не могло, и было принято решение обновить сайт, а с ним и привнести новый стиль. 

Перед нами стояла задача создания сайта с нуля, с показом их водосточных систем и отдельно покрытий на первом месте (оказалось, что люди в равном соотношении выбирают водостоки как по покрытию так и по характеристикам), сделать это все удобным, добавить карточки товара, возможность их заказа. Ну и конечно же, чтобы приходили заявки на заказ. 

Процесс и решение

Главная страница

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

Страница покрытий и товаров

Перейдем к страницам покрытий и товаров. Вверху расположены быстрые ссылки по информационным блокам. В них же — подходящая для каждого информация. В покрытиях это перечисления цветов, и для какой водосточной системы они доступны, в продукции же наоборот, какие покрытия доступны для данного товара.

Страница покрытия и товаров

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

Другие работы