UX/UI дизайн

Осьминожка

роскошные украшения для удивительных девушек

о компании

Setepai была основана в 2012 году командой профессиональных и амбициозных ювелиров. Они решили создать украшения с бриллиантами в минималистичном стиле для девушек на каждый день. Изысканные кольца, браслеты, кулоны и подвески с бриллиантами — основа гармоничного и утонченного образа, завораживающего и притягивающего взгляд.

«Мы создаем стильные украшения, каждое из которых является отражением личности и характера своей обладательницы, воплощением фантазии и самых смелых идей. Мы полностью понимаем и принимаем желания девушек, поэтому в нашей мастерской создаются настоящие ювелирные шедевры. Мы сочетаем искусство с мастерством, и кульминацией и результатом этого сочетания является уникальная коллекция ювелирных изделий с бриллиантами», — команда Setepai.

Задачи

В течение шести месяцев работа команды шла по плану. Однако все изменилось, когда Россия попала под западные и американские санкции. Для разработки мы выбрали отечественную CMS 1С-Битрикс, когда проект был ориентирован на оба рынка — российский и американский. Битрикс идеально подходит для российского рынка: можно использовать большое количество модулей доставки, подключать любой эквайринг.

С американским рынком дело обстоит иначе. В начале мая платформа RapNet, являющаяся сердцем проекта, объявила о запрете торговли российскими бриллиантами. Из-за санкций для российского сайта стало невозможным продолжать развитие проекта. В результате мы остались без модулей доставки и интернет-эквайринга. Это создало для нас две проблемы:

Приём платежей

Изначально мы предполагали, что посетители конфигуратора будут оплачивать покупки картами. Для этого мы рассчитывали подключить эквайринг от Тинькофф Банка, но с начала мая банк прекратил переводы SWIFT в евро, а в июле - исходящие переводы во всех иностранных валютах.

Решение

Теперь покупатели (только американская аудитория) имеют возможность оплачивать товары с помощью PayPal. Но этого недостаточно. Мы планируем зарегистрировать пользовательский модуль для банков США в 1С-Битрикс.

Доставка

Планировалось, что вся продукция будет производиться в США, а затем доставляться в Россию и по всем Штатам. В Америке есть собственные службы доставки, но у них нет модуля доставки для Битрикса, а доставлять товары в Россию сейчас крайне проблематично.

Решение

Мы смогли назначить фиксированную стоимость для конкретного американского города. Сейчас доставка организуется в ручном режиме менеджером на стороне клиента, тогда как обычно информация передается в службу доставки автоматически через API. Мы планируем поставить перед собой аналогичную задачу, как и в случае с приемом платежей — написать модуль для доставки, который будет работать в США.

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

Денис нагаев

Технический директор

Типографика

Используемый шрифт Forum — современный чистый шрифт, который создаёт ощущение простоты и изысканности.

Цветовая палитра

Setepai имеет чистый и элегантный дизайн с акцентом на качественные фотографии украшений. Цветовая схема представляет собой сочетание приглушённых и нейтральных цветов — белого, серого и голубого. Они создают утончённый и современный образ. Эти цвета ассоциируются со спокойствием, умиротворением и ощущением легкости. При совместном использовании синий и серый создают ощущение доверия и профессионализма.

На макете мы использовали много пустого пространства, чтобы создать ощущение роскоши и эксклюзивности. Общая цель дизайна — вызвать у пользователя ассоциацию к украшениям: они элегантные и роскошные. В качестве одного из референсов мы взяли сайт французского дома Cartier, украшения которого на слуху у ценителей прекрасного.

#FFFFFF

#9EB4DC

#3B3B3B

Сетка

Сетка подбирается в соответствии с публикуемым контентом. В работе с «Setepai» мы использовали сетку из 12 колонок (82 рх) с отступами между ними 20рх.

Прототипы

В разработке мы уделяем много времени созданию каркасов и интерактивных прототипов. Они помогают создать простой в использовании продукт и обеспечить наилучший пользовательский опыт.

Главная страница

Используемый шрифт Forum — современный чистый шрифт, который создаёт ощущение простоты и изысканности.

Каталог

Страница товара

Корзина и оформление заказа

Конфигуратор

Технические особенности

1 Цикл покупки ювелирных изделий достаточно долгий. Нужно несколько касаний, прежде чем оплатить товар. Поскольку мы имеем дело с RapNet, то за то время, пока покупатель размышляет, бриллиант, из которого будет сделано украшение, на площадке может закончиться. Если товар какое-то время находится в вишлисте, а затем пользователь хочет его приобрести, то сайт отправляет запрос в RapNet. В случае, когда какого-то бриллианта нет, пользователю предлагается скорректировать конечный вариант изделия, выбрав, например, другой бриллиант.

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

3 Перед началом работы ни мы, ни заказчик не знали о существовании налога на роскошь в штате Флорида: к сумме покупки должен прибавляться определённый процент. Таких бизнес-процессов и функционала под них в российских CMS нет. Уже когда продукт был готов в полном объёме, нам пришлось внедрять этот функционал. Если бы мы взяли проект в работу сейчас, то учли бы эту особенность уже на этапе проектирования.

Перейти на сайт

СЕО
Михаил Шрайбман
СТО
Денис Нагаев

Аккаунт-менеджер
Владислав Парасий
UX/UI Дизайнер
Артем Попеня

Аналитик
Владислав Кольца