Написать мне
Контакты
Обо мне
Работы
Написать мне
Смотреть кейс на Dpofile
Главная
/
SKAT Leather - сайт-каталог
Инструменты
Figma, Adobe Photoshop
Сроки
2 недели
Моя роль
UI/UX-дизайнер (структура, визуальная концепция, дизайн)
SKAT Leather - сайт-каталог
Интернет-магазин, который совмещает удобный каталог и атмосферу мастерской с индивидуальным подходом к каждому заказу.
Web-design
CJM
Wireframing
User Research
Site
[1]
О проекте
SKAT Leather — мастерская кожаных изделий ручной работы, для которой был разработан сайт-каталог с нуля. В рамках работы была спроектирована структура сайта, реализована нестандартная подача каталога, создана визуальная система на основе натуральных оттенков и текстур.
Особое внимание уделялось деталям, типографике и композиции, чтобы сохранить ощущение предметной работы и доверия. Сайт включает в себя каталог, блог, форму заявки и адаптацию под мобильные устройства.
Проблема
Проблема заключалась в том, что мастерская SKAT Leather, несмотря на высокое качество изделий и сильную индивидуальную подачу, не имела цифровой платформы, способной это отразить. Продажи велись через маркетплейсы и соцсети, где терялась уникальность бренда, а пользовательский опыт ограничивался стандартными карточками товаров. Отсутствие собственного сайта мешало формировать полноценное представление о философии мастерской, затрудняло коммуникацию с клиентами и снижало доверие со стороны новой аудитории.
Задача
Разработка сайта с нуля — от структуры и логики навигации до визуальной системы. Необходимо было спроектировать каталог, в котором каждый товар воспринимается как уникальный предмет, а не как товар массового производства. Отдельное внимание уделялось стилю подачи: композиции карточек, цветам, типографике, фото и контенту. Также важно было интегрировать форму заявки и блог, сохранив чистоту и простоту пользовательского пути.
[2]
Исследование
Анализ конкурентов
Ключевые выводы
  • Уникальность изделий теряется в стандартных интерфейсах. Маркетплейсы и массовые платформы не позволяют передать индивидуальный характер ручной работы — все товары выглядят одинаково, вне зависимости от авторства и уровня исполнения.
  • Многие сайты мастерских визуально выразительны, но слабо проработаны с точки зрения UX. Отсутствует логичная структура, нет адаптивности, запутанная навигация мешает покупателю быстро сориентироваться и оформить заказ.
  • Подача через атмосферу работает, если она поддержана чистым и удобным интерфейсом. Сайты, где визуал сочетается с ясной архитектурой и фокусом на продукт, вызывают больше доверия.
  • Отсутствует сегмент решений, совмещающих эстетику ручного труда и современный уровень цифрового сервиса. Это открывает нишу: сделать сайт, который выглядит как мастерская, но работает как современный интернет-магазин.
CJM
Wireframes
Позволили получить раннюю обратную связь и оперативно внести изменения в структуру макетов, прежде чем переходить к более сложным этапам визуализации.
Смотреть финальный кейс на Dpofile
Финальный дизайн
  1. Цель:
Представить окончательное визуальное решение для интернет-каталога SKAT LEATHER , которое эффективно демонстрирует уникальность и качество изделий ручной работы, привлекая целевую аудиторию.
2. Обоснование выбора решения:
Мы выбрали элегантный, минималистичный и в то же время информативный дизайн, который фокусируется на визуальной составляющей продукции. Использование шрифтов Century Gothic и FORUM, а также сбалансированной цветовой палитры, отражает премиальный статус изделий ручной работы. Дизайн акцентирует внимание на деталях продукции, позволяя ей говорить самой за себя, и обеспечивает удобную навигацию.
[4]
Выводы
  • Важность «истории» продукта: Проект SKAT LEATHER показал, насколько критично для изделий ручной работы не просто показать товар, но и рассказать о его создании, материалах и мастерстве.
  • Баланс эстетики и функциональности: Необходимость создания привлекательного дизайна, который не жертвовал бы удобством использования и навигации.
  • Проектирование для нишевой аудитории: Понимание специфических запросов и ценностей покупателей изделий ручной работы позволило создать более релевантный и привлекательный каталог.
  • Гибкость в процессе дизайна: Способность адаптироваться к изменяющимся требованиям и включать новые идеи (например, элементы кованых изделий) по ходу проекта.
следующий кейс
App design
TRIPORA - Сервис бронирования отелей
Made on
Tilda