К нам обратился клиент с задачей: разработать корпоративный сайт с функциями интернет-магазина для компании, которая занимается продажей металлопроката, кровельными элементами и коваными изделиями.
Цель: увеличить оптовые продажи и расширить данное направление территориально, а также создать сложные карточки товара со встроенным калькулятором подбора цветов и расчета стоимости материала. Отобразить варианты и способы доставки товара с помощью логистического калькулятора.
Результат:
На первом экране мы проиллюстрировали красочными фотографиями основные направления деятельности компании. Для наполнения сайта были сделаны фотосессии каждых баз и материала.
Меню и вся навигация в шапке сайта расположена поверх изображения без подложки. Сделано это для того, чтобы пользователь мог видеть слайдер в максимально большом размере, относительно экрана. Так как это интернет-магазин и корпоративный сайт одновременно, то корзину мы расположили в видном и привычном месте, а общее оформление первого экрана больше подходит корпоративному сайту.
Удобное боковое меню
В левой части экрана шириной в 60 пикселей мы разместили навигационное меню для быстрого доступа к любой странице сайта. Выделили блок корпоративным оранжевым цветом и разместили меню гамбургер, избранные товары, а также иконки социальных сетей.
Такой выбор меню позволяет не акцентировать внимание пользователя на отвлекающих факторах на главном экране, скрывая все опции под узнаваемым значком с тремя полосками. Также, не перегружает пользователя большим выбором вариантов, простая навигация, которая позволяет перемещаться по страницам сайта в соответствии с логикой легко и быстро.
Макеты и нюансы внутренних страниц
Развернутый каталог содержит все категории товаров с понятными иллюстрациями в едином корпоративном стиле компании. Было разработано несколько карточек товаров, различающиеся своей структурой и форматом. Например, карточка товара по металлопрокату имеет конструктор из параметров, что упрощает работу с огромным списком изделий. Настроив все параметры продукции клиенту останется только оставить заявку. В то же время карточка товара на штучную продукцию, такую как кованые элементы или штакетник имеет привычное отображение с описанием и параметрами для каждого товара.
По результатам проекта клиент получил:
Удобный в плане навигации корпоративный сайт с функциями интернет-магазина;
Наглядное представление каталога с развернутыми подкатегориями на главной странице, что позволяет исключить лишние переходы по сайту;
Развернутую информацию по филиалам компании, адресам, контактам и режиму работы, что позволяет работать со всеми поставщиками и клиентами через один сайт;
Современный и простой для восприятия дизайн, отработанную стилистику и выверенный цветовой баланс на каждой странице;
Возможность заказа и оплаты товара через сайт.