Разработка арт-галереи

Owl Way — международная художественная галерея, ориентированная на продвижение признанных советских, российских и грузинских художников XX века на мировом арт-рынке. Проект объединяет коллекции известных авторов, сотрудничает с фондами художников и выступает не только площадкой для продажи произведений искусства, но и инструментом популяризации художественного наследия.

Юридическим владельцем проекта является американская компания Tensero, Inc., а художественное направление курирует искусствовед Тамара Вехова. Галерея сотрудничает с фондами художников и использует сайт как основную цифровую витрину для международной аудитории.

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

Проект создавался полностью с нуля.

Необходимо было разработать:

• фирменный стиль проекта;
• логотип;
• UI Kit;
• дизайн всех страниц в Figma;
• адаптивную верстку;
• сайт на Webflow;
• систему управления контентом;
• формы заявок;
• интеграцию с Postmark для отправки писем.

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

В рамках проекта наша команда выполнила полный цикл разработки.

Исследование и проектирование

Перед началом проектирования была проработана структура будущей галереи и логика взаимодействия посетителей с произведениями искусства. Особое внимание уделялось тому, чтобы путь пользователя от знакомства с художником до отправки заявки занимал минимальное количество действий.

Разработка фирменного стиля

Мы создали новый визуальный стиль проекта:

• логотип;
• фирменную цветовую палитру;
• UI Kit;
• библиотеку компонентов;
• систему типографики;
• единый визуальный язык для всех страниц.

Минималистичный стиль позволил сделать главным элементом интерфейса сами картины, а не декоративные элементы сайта.

Дизайн интерфейса

Все страницы были разработаны в Figma.

Всего было спроектировано 9 страниц:

• Главная;
• About;
• Curator;
• Artists;
• карточка художника;
• Showroom;
• карточка произведения искусства;
• Blog;
• Contact;
• страница новости.

Каждая страница получила собственную структуру, соответствующую сценарию взаимодействия пользователя.

Каталог художников

Одной из ключевых частей проекта стал каталог художников.

Для каждого автора была реализована персональная страница, содержащая:

• биографию;
• выставочную деятельность;
• список работ;
• фотографии произведений искусства.

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

Галерея произведений искусства

Отдельным разделом стал Showroom — цифровая галерея, объединяющая все работы, представленные на сайте.

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

Система заявок

Сайт не является интернет-магазином.

Мы сознательно отказались от классической корзины и онлайн-оплаты.

Вместо этого реализована форма Inquire, позволяющая потенциальному коллекционеру отправить запрос непосредственно владельцам галереи.

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

Webflow CMS

В качестве платформы был выбран Webflow.

Такое решение позволило:

• быстро запустить проект;
• предоставить заказчику удобную CMS;
• отказаться от разработки собственной административной панели;
• упростить сопровождение проекта;
• обеспечить самостоятельное редактирование контента без участия разработчиков.

Дополнительно была настроена встроенная CMS Webflow для управления художниками, страницами и публикациями.

Для данного проекта Webflow оказался наиболее рациональным выбором.

Платформа позволила объединить современный дизайн, удобную систему управления контентом и высокую скорость разработки. Немаловажным фактором стало и то, что заказчик уже имел опыт работы с Webflow, поэтому сотрудники смогли самостоятельно управлять сайтом после завершения проекта без дополнительного обучения.

На первый взгляд сайт выглядит очень лаконичным, однако именно в этом и заключалась основная сложность.

При разработке проектов для сферы искусства дизайн не должен конкурировать с произведениями художников. Любой лишний визуальный элемент начинает отвлекать внимание посетителя.

Поэтому нашей задачей было создать максимально сдержанный интерфейс, который подчеркнет картины, а не сам сайт.

Параллельно необходимо было:

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

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

• Webflow
• Figma
• Webflow CMS
• Postmark
• HTML5
• CSS3
• JavaScript
• Responsive Design
• UI Kit
• Logo Design

По итогам проекта заказчик получил современную онлайн-галерею, которая стала основной цифровой витриной проекта.

После запуска:

• художники получили персональные страницы;
• появилась единая структура каталога произведений искусства;
• заказчик получил удобную CMS Webflow;
• все обращения покупателей начали поступать через единый канал;
• сайт стал презентационной площадкой для международной аудитории и используется для представления коллекций современного искусства.