«Сайт арт-галереи по макетам дизайнера клиента: Gatsby + Strapi, каталог работ, автособираемое CV художников, выставки и ярмарки — и год инфраструктурных спасений.»
Lazy Mike — галерея современного искусства: художники, выставки, международные арт-ярмарки. Мы собрали для неё сайт-витрину lazymike.art: каталог работ, страницы художников с автособираемым CV, выставки, ярмарки и новости — на Gatsby со Strapi-админкой, в которой галерея сама ведёт весь контент. Макеты рисовал дизайнер клиента — наша зона была инженерной: вёрстка, бэкенд, SEO, рассылки и инфраструктура, которую мы потом не раз спасали.
Дизайн сайта рисовал личный дизайнер галереи, и наша работа началась с «листа ошибок дизайн-системы»: свели компоненты, выдали список доработок, задали параметры мобильного адаптива. Состояния, которых в макетах не было, — от пустых разделов до мобильного поп-апа — дособирали сами, не ломая чужой визуальный язык. Из этого же исходника выросли фирменные детали вёрстки: зелёный курсор со свечением, скролл-анимации и «спиральная» сортировка каталога.
Фронт — статическая генерация на Gatsby: изображения обрабатываются на этапе сборки, страницы отдаются мгновенно, а весь контент живёт в Strapi с русифицированной админкой. Галерея сама заводит художников, картины и выставки — CV художника собирается автоматически из образования и истории выставок, сольных и групповых. Обратная сторона статики — пайплайн пересборки, который мы регулярно чинили и в итоге предложили отрефакторить.
Год начался с чрезвычайной ситуации: сайт срочно переезжал на новый хостинг под заявку на важную ярмарку — миграцию закрыли за две недели. Летом спасали сервер после блокировки у хостера — контент уцелел, сайт подняли через его поддержку. Подключили Google Tag Manager, чинили пайплайн публикации и вручную выгружали выставку The Fox к анонсу.
Под Новый год сервер лёг: жалобы на IP, блокировка у хостера, праздничные каникулы — идеальный шторм. Реанимировали сайт с переездом на новую площадку и заодно перенесли инфраструктуру на новое юрлицо клиента: галерея к тому времени работала из Дубая, и на сайте в тот же день появились новые адрес и телефон.
Расскажите о задаче — предложим архитектуру решения. Без шаблонных КП и абстрактных смет: конкретика на старте.
Настроили аутентификацию почтового домена, чтобы письма галереи перестали попадать в спам, собрали welcome-письмо для подписчиков. Пересобрали фильтрацию каталога: вместо автосписка материалов — шесть кураторских рубрик. Добавили сортировку художников по фамилии и пиксель для рекламных кампаний галереи.
Каталог работ с фильтрами по художникам, материалу и рубрикам (макет с плейсхолдерами)
Запуск на lazymike.art превратился в квест: доступ к регистратору был утерян три года назад, DNS-зона жила у стороннего специалиста, почтовые записи нельзя было уронить. Восстановили доступы, аккуратно перенесли записи — сайт открылся на своём домене, админка переехала на поддомен.
После релиза галерея взяла контент в свои руки: доступы в админку, видеоинструкции, регламент «сохранил — через полминуты на сайте». Пакетами закрывали доводку: автосборка полного CV, произвольные авторы у выставок и ярмарок, третье измерение для скульптур, размеры в сантиметрах. В июне руководство галереи утвердило сайт.
От старта разработки до готового сайта прошло десять недель. Финальные штрихи — прелоадер, ускоренная загрузка первого экрана, тонкости CV — и витрина галереи целиком закрыла первичный объём.
Главная lazymike.art: полноэкранная работа, неоновый логотип галереи и анонс текущей выставки
Самый плотный месяц: Strapi подключён к фронту, собраны каталог с фильтрами, страница картины и страница художника с CV, SEO-мета и сниппеты из админки, OG-разметка, кастомный курсор и скролл-анимации. Заявки с сайта полетели в Telegram галеристам. Параллельно подняли боевой сервер клиента в Европе и прогнали сквозной тест формы.
Страница художника: о работе, автособираемое CV из образования и выставок, избранные работы и новости
Старт кода: фронт на Gatsby и бэк на Strapi в отдельных репозиториях, Docker-сборки под обе архитектуры процессоров, русификация админки. За месяц выросли глобальные компоненты и страницы выставок, ярмарок, новостей и «О галерее» — плюс продуктовые решения вроде чёрной плашки-анонса и статусов выставок по датам.
Раздел Artists — сетка художников галереи
Диалог начался ещё в ноябре 2022-го, но проект ждал финальных макетов и внутренних согласований галереи. В марте макет утверждён, договор подписан, собрана команда, план разложен в трекере — и через день выбран стек. Модель контента зафиксировали сразу: динамика — силами галереи через админку, статика — через студию.