Разработка интернет-магазина принтов и лекал для «PRINTHAKERS»

ПРИНТХАКЕРЫ — российская компания, которая создаёт принты, паттерны и орнаменты для модных брендов, мерча, гостиничного и ресторанного бизнеса, проектов в сфере культуры и искусства.

Одно из направлений компании — разработка концепций коллекций одежды: от идеи и эскизов до паттернов, лекал и ассортимента.

Нужно было спроектировать сайт с тремя каталогами — паттернов, лекал и коллекций, — а также представить кейсы и коллаборации студии. Для покупателей предусмотреть личные кабинеты с цифровыми товарами, лицензиями и информацией о заказах.

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

Изучили специфику продуктов и сайты со схожим ассортиментом: как устроены каталоги, фильтры и представление товаров. Это помогло определить, как подать информацию и выстроить основные сценарии взаимодействия.

Отдельно с заказчиком разобрали вопросы лицензирования цифровых товаров. Учли, как покупатель будет получать доступ к файлам и документам и чем отличаются сценарии для физических и юридических лиц.

Составили карту сайта и разработали прототипы всех страниц. Для трёх каталогов предусмотрели разные фильтры, для физических и юридических лиц — отдельные варианты личного кабинета. Также спроектировали страницы кейсов, коллабораций и глоссарий терминов.

Структуру уточняли на нескольких встречах с заказчиком. Возвращались к отдельным сценариям и дорабатывали детали, чтобы связать все разделы в последовательную систему.

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

Мы сохранили единую логику интерфейса: одинаковые действия и повторяющиеся элементы получили общее оформление. Это помогло сделать переходы между разделами последовательными.

В основу дизайна легли брендбук, фирменные цвета, графический мотив с кругами и отсылки к хакерской тематике. Основной акцент сделали на товарах, навигации и работе с фильтрами.

Подготовили адаптивные макеты, проработали состояния кнопок и раскрывающихся элементов. Собрали UI-кит, чтобы стороннему разработчику было проще реализовать интерфейс.

Передали заказчику полный комплект дизайн-макетов для дальнейшей вёрстки. Реализация большого сайта требовала дополнительных времени и бюджета, поэтому мы разработали и запустили временную версию на Tilda без каталогов.

На ней представили компанию, основные услуги, проекты и кейсы, предусмотрели переход к заявке. Пока основной сайт находится в разработке, версия на Tilda уже работает: знакомит потенциальных клиентов с ПРИНТХАКЕРАМИ и позволяет связаться с командой.