UFFIZI

3 сегмента

аудитории, у каждого свой сценарий

Разработка Люкс-ритейл 600 тыс ₽ За 2 месяца Landing page

Ссылка на проект

За время проекта:

концепции до финального макета

указаний дизайнера по анимации

прототипа подачи до выбора концепции

вариантов ткани в блоке брендов

Клиент

UFFIZI - мультибрендовый бутик премиум и люкс сегмента в Москве. Бутик закрытый: гостей принимают по персональным приглашениям. В нем представлены Stefano Ricci, Loro Piana, Tom Ford, Bottega Veneta и другие дома моды

Задача

Создать сайт, который передаст атмосферу закрытого бутика, расскажет о будущем цифровом пространстве UFFIZI и соберет заявки от первых резидентов

Исходная ситуация

Вокруг бутика UFFIZI строится цифровая система на весь жизненный цикл вещи: поиск, покупка, пошив, уход, хранение и реставрация. Сама платформа еще в разработке, поэтому сайт не мог показывать ее как готовый продукт. Нужно было говорить «строим», а не «есть», и при этом удержать уровень бренда, где одна неверная деталь выдает массовый сегмент

Что мы сделали?

Прошли путь от смыслов и концепций до верстки, сервера и запуска на домене заказчика

Смыслы и структура

Разобрали позиционирование вместе с заказчиком: бутик - вершина, цифровое пространство - его отражение. Поэтому на сайте бутик всегда ведет, а цифра подчиняется ему
Взяли метафору из брендбука: UFFIZI - отсылка к галерее Уффици. Этапы развития платформы назвали залами, вещи показали как экспонаты
Разделили аудиторию на три сегмента: «Вдохновение» для тех, кто присматривается к люксу, «Статус» для коллекционеров и «Привилегии» для ценителей высокого уровня сервиса
Отказались от таймеров и точных дат запуска: сайт сообщает, что залы открываются шаг за шагом, и не дает обещаний, которые могут сдвинуться

Концепции и дизайн

Собрали две концепции и разобрали референсы на встречах с заказчиком. Отказались от лишней динамики: манекенов, открывающихся шкафов, увеличения фото при наведении. Для бутика про коллекционирование важнее спокойствие
Дизайнеры EFIMOV сделали итоговый макет в Figma и описали каждую анимацию отдельным комментарием
Золото в оформлении работает как тисненая фольга логобука, а не как плоская заливка. Плоское золото на экране выглядит желтым и дешевит бренд
Темные блоки объединил бордовый шелк в движении: один фон на весь сайт, ткань медленно переливается, переход идет только при смене тона

Разработка

Сверстали сайт по макету без конструктора: так анимации и фактуры тканей работают точно как задумал дизайнер
Текст появляется строками из-под маски, блоки сменяют друг друга с наплывом, в залах сменяется ткань, а карточка «Готово к примерке» наклоняется за курсором. Для тех, у кого в системе отключена анимация, сайт показывается спокойно
Пересобрали фоны тканей так, чтобы на больших экранах не было ступенек и пикселей, а для телефона сделали отдельные вертикальные фоны - иначе ткань растягивалась в три-четыре раза
На телефоне меню убрали в отдельную панель с разделами, формой и соцсетями

Запуск и сопровождение

Подготовили сервер заказчика в России: персональные данные из формы хранятся по 152-ФЗ, заявки приходят на корпоративную почту бутика
Настроили защищенное соединение, защиту от подбора паролей и почтовые записи домена так, чтобы письма не попадали в спам
Когда первый IP-адрес сервера оказался заблокирован операторами связи, перевели сайт на новый адрес вместе с хостингом
Правки заказчика вносим пакетами. Перед каждой выкладкой снимаем копию сервера, поэтому любую правку можно откатить одной командой

итог

Создали сайт закрытого бутика UFFIZI с тем же уровнем, что у самого бутика: галерейная подача, шелк в движении, вещи как экспонаты. Сайт рассказывает о будущем цифровом пространстве без пустых обещаний и собирает заявки первых резидентов