Цель и задачи проекта
Цель
Разработать дизайн сайта по продаже спортивных воркаут площадок Галмер
Задачи
- Проанализировать имеющийся сайт и старый сайт
- На базе анализа и пожеланий подготовить обновленный дизайн сайта
- Подготовить адаптивные версии под разные устройства и собрать стайлгайд
С чем работаем?
Galmer Group занимается производством металлических изделий более 10 лет. Компания производит воркауты, заборы и ограждения, урны, лестницы и скамейки, МАФы и т.д. Также компания занимается комплексным снабжением предприятий различными хозяйственными товарами от российских и зарубежных производителей.
В феврале 2023 года представители компании обратились к нам с запросом обновление дизайна на сайте, старый сайт нуждался в обновлении так как собирался на шаблоне и дорабатывался под нужды заказчика, но уже не справлялся с поставленными задачами.
Заказчик выделил основными приоритетами — новое обновленное понятное оформление заказа и редизайн карточки товара для удобства выбора параметров. На базе пожеланий клиента и информации из технического задания мы разработали современный и удобный дизайн.
Разработка карточки товара
Одной из основных проблем заказчика была малофункциональная и неинформативная карточка товара. В карточке не хватало необходимого функционала: такого как выбор цвета элементов воркаута и стоек, а также характеристик стоек. Соответственно, итоговую стоимость потенциальный покупатель не мог узнать сразу, что понижало вероятность покупки.
Мы обновили карточку: теперь в ней был крупный слайдер фотографий для наглядного отображения товара с разных ракурсов, артикул и название разметили выше, там же добавили кнопку добавления товара в избранное. Сделали цену больше и поместили на цветную плашку для быстрой считываемости, добавили селекты выбора характеристик, от заполнения которых зависит итоговая цена спортивного комплекса.
Кнопку добавления в корзину сделали сразу же с итоговой ценой, которая формируется исходя из выбранных параметров комплекса. Добавили быструю покупку через купить в 1 клик, для упрощения пользовательского пути.
Все эти решения помогли нам доступнее преподнести комплексы, а новый скругленный дизайн с яркими акцентами позволил акцентировать внимание клиента именно там где это было нужно.
Разработка оформления заказа
Не меньшей по значимости была проблема устаревшего оформления заказа.
В оформлении заказа на старом сайте доставало необходимых способов оплаты, а также сама подача информации была малоинформативной из-за чего важные детали упускались пользователями. Для решения этой проблемы нам необходимо было композиционно собрать понятную глазу структуру, выделив все важные характеристики в отдельное место. Таким образом блоки с информацией “Товары в заказе”, “Способы оплаты”, “Способы доставки” и итоговая стоимость заказа, которые клиент может видеть по мере оформления заказа стали выглядеть органичнее и понятнее.
Дизайн прочих страниц сайта
На основе дизайна карточки товара были разработаны остальные страницы, также были подготовлены картинки для баннера на главной и в каталоге.
Стайлгайд
Естественно как и в подготовке любого другого нашего проекта не обошлась без компановки стайлгайда со всеми состояниями интерактивных элементов, а также текстовыми стилями и используемыми на сайте цветами.