Triangle Group - В сегменте Retail&HoReCa компания специализируется на выполнении комплекса работ по оснащению практически любых торговых площадей и пунктов общественного питания. Всё что касается разработки концепции проекта, назначения объекта, хода производства работ, комплектации и пуско-наладочных работ - специалисты Triangle Group возьмут выполнение этих задач на себя.
Цель
У клиента уже был вебсайт и целью проекта являлось:
- обновление дизайна, поскольку старый устарел; закрепление фирменного стиля, улучшение формата предоставления информации об услугах и продукции компании;
- Создание, отсутствующего ранее, онлайн представительства: возможности размещать новости, статей;
- провести работы по внутренней оптимизации и обеспечить работоспособность сайта при высокой нагрузке. Внешний вид сайта должен создавать ощущение качества продукции.
Решение
Клиенту был сделан ряд предложений по тем требованиям к сайту, которые он предоставил. Например была спроектирована новая структура каталогов, которая повысила бы удобство поиска нужного оборудования, раздела новостей, а так же новые цветовые и дизайнерские решения чтобы еще больше подчеркнуть существующий фирменный стиль, а так же увеличить запоминаемость бренда и в целом сделать сайт более современным и удобным.
Старая версия сайта
Изучив детально старую версию сайта, мы отметили множество проблем такие как:
- Каталог был крайне неудобен для пользователя - отсутствовал фильтр, отсутствовал поиск по товарам.
- Страница товара - имела недостаточную информативность и визуальность.
- Дизайн главной страницы, действительно устарел хоть и имел неплохие цветовые решения.
- Устаревшие методы расположения информации на страницах.
Поскольку сайт является коммерческим проектом, вышеперечисленные проблемы наносили урон конверсии посетителей в покупателей.
Новый дизайн Triangle
Новый дизайн разработанный для Triangle включал в себя более современный подход.
Сайт стал более приветливым и современным и что важно - сохранил корпоративный стиль, а структура была улучшена - мы разместили информацию на страницах таким образом, чтобы с ней было удобно знакомиться. Сделали больший фокус на бренде компании, по сравнению с предыдущим сайтом.
В качестве каталога услуг на главной странице мы отказались от изображений с описаниями и решили использовать иконки - они практически всегда привлекают внимание пользователя, а хорошо подобранные иконки и еще несут в себе часть информации и прекрасно дополняют текстовое описание.
Цвета используемые в дизайне
Дизайн включает в себя корпоративные цвета: белый, красный и черный. Они хорошо сочетаются и подчеркивают деловой стиль.
Шрифт
Отличный UI шрифт “Raleway”
Переработка каталога
Работа по улучшению Usability
Каталог был переработан в соответствии с современными стандартами.
Появился удобный фильтр и обзор категорий товаров. А так же была разработана возможность для пользователя, выбрать каким образом товары будут отображаться - в развернутом режиме с большим количеством информации или в сокращенном, если товаров слишком много.
Появился поиск по названиям. А каждый товар в каталоге обзавелся своей страницей и галереей куда администратор может добавлять изображения.
Новая страница услуги.
Страница услуги получила очень красивый и современный дизайн. Сочные изображения с названием услуги, здорово вписывается в концепцию сайта и очень понравился клиенту как элемент визуализации информации. Плиточный дизайн создает аккуратный внешний вид сайта. Это очень удобный и простой вид дизайна, и является очень хорошим решением для адаптивности.
Больше визуального контента!
Важную роль в дизайне стильных современных сайтов играет работа с изображениями! Визуальный контент увеличивает привлекательность сайта на 40%. При работе с сайтом компании “Triangle” мы уделили большое внимание визуальному оформлению всех страниц. Качественные изображения привлекают посетителей и потенциальных покупателей гораздо больше, нежели простой серый контент.
Адаптивный дизайн
Для сайта был создан адаптивный дизайн.
Поскольку за последние годы количество разнообразных мобильных устройств увеличилось до огромных размеров - адаптивность сайта это фактически один из главных критериев для любого вебсайта.
Как показывает статистика, почти 50% трафика многих популярных сайтов поступает с мобильных устройств. Среди преимуществ адаптивной верстки: удобство навигации и чтения информации на мобильных устройстах, улучшение SEO.
Результат работы
Сайт получился очен стильным, повысилось юзабилити и комфорт для пользователя в поиске нужного товара. Проект поднялся по в поисковиках, а так же повысилась конверсия и количество продаж в короткие сроки после релиза.