Maison Ivoire
Камерная стоматология бутикового формата в центре Караганды. Editorial single-page в духе Maison Abelane — тёплая кремовая палитра, Cormorant Garamond Italic для display, full-bleed hero с parallax и line-by-line раскрытием заголовка. Первый CIS-кейс в нашей editorial-практике.
Проблема, которую мы пришли решать.
Стандартный шаблон медклиники в стиле Bitrix. Сток-фото generic-клиник из тех же баз, что у пятисот других стоматологий. Шесть CTA-кнопок дрались за внимание на первом экране. Никакого упоминания европейских credentials врачей, никакой гарантии возврата, никакого договора в видимой части воронки. Цены — «по запросу». Конверсия меньше 1% от платной рекламы.
Один editorial-скролл, который читается за две минуты. Hero с реальной атмосферой бутик-клиники, line-by-line раскрытие headline, тёплая cream-палитра. Четыре принципа прописаны в hero, цена и срок — в каждой карточке услуги, гарантия пятнадцати процентов возврата — в отдельной dark-секции крупными цифрами. Cyrillic-копирайт без англицизмов, тенге как валюта. Сайт читается как маленький бутик, который думает внимательно — а это и есть обещание бренда.
Контекст
Maison Ivoire — четыре кабинета в центре Караганды, основанные в 2018-м двумя врачами после девяти лет работы в Charité Берлин и Цюрихском университете. Клиника принципиально маленькая — один пациент в час, фиксированная цена в договоре, гарантия пять лет на керамику, минус 15% от счёта если просрочат дедлайн (за три года просрочили один раз). Существующая страница — стандартный медшаблон с stock-фото и шестью CTA-кнопками — не передавала ни одного из этих принципов. Бриф был — editorial-сайт уровня европейских боутик-клиник, но на русском, для CIS-аудитории, которая привыкла к Bitrix-сборкам.
Подход
Editorial single-page на Next.js 16 с тёплой палитрой Maison Abelane (точные hex из их CSS — #FBFAF7 cream, #1F1A14 walnut-deep, #AC6439 bronze accent). Cormorant Garamond Italic для display + Inter body — настоящие кириллические OpenType-фичи: swashes, discretionary ligatures, optical sizing. Full-bleed 4K hero (Unsplash 2880×1925) с parallax-скроллом, симметричным dark-scrim для читаемости и centered композицией headline. Headline раскрывается line-by-line как marquee из-под маски — премиальный приём luxury-брендов. Десять секций editorial-скролла: четыре принципа клиники в grid с роман-нумералами, три врача с европейскими credentials, шесть услуг в тенге с editorial-номерами и hairline-разделителями цен, тёмная walnut-вставка с массивными italic-метриками (98% возврат, ноль просроченных приёмов в 2025), 7+5 / 5+7 grid отзывов, контактный блок-таблица, финальный CTA. Все секции анимируются на скролле через scroll-triggered fade-up с Apple-easing — никакого хаоса.
Как этот проект делался на самом деле.
Каждый проект оставляет бумажный след. Комментарии в Figma, ТЗ в Notion, история в GitHub, логи Vercel, треды в Telegram, первая недельная аналитика. Цифры ниже — реальные, скрины доступны по запросу под NDA.
◆ Скрины любого артефакта — по запросу. Конфиденциальные детали отредактированы.
Ключевые возможности
- ◆Full-bleed герой с 4K-фото, parallax-скроллом и line-by-line marquee-раскрытием заголовка
- ◆Cormorant Garamond Italic для display + Inter body — настоящие кириллические OpenType swashes и discretionary ligatures
- ◆Сетка из четырёх принципов — один пациент в час, фикс-цена в договоре, каждое оборудование обосновано, 5-летняя гарантия
- ◆Ряд из трёх врачей с европейскими credentials (Charité Берлин, Цюрихский университет, Invisalign Diamond)
- ◆Сетка из шести услуг в тенге с editorial-номерами, hairline-разделителями цен и per-card hover scale
- ◆Тёмная walnut-вставка с массивными italic-цифрами — возвращаются 98%, ноль просроченных приёмов за 2025
- ◆Editorial 7+5 / 5+7 сетка отзывов с ротирующимися звёздами и блоком 4.96★ агрегированного рейтинга
- ◆Scroll-triggered fade-up для каждой секции, image scale-in на входе, плавный Apple-easing везде
Результаты
Собрано за девять рабочих дней от брифа до готового сайта. Lighthouse 99 на мобиле и десктопе. Кейс стал референсом для нашего CIS-направления — когда владелец клиники в Алматы или Ташкенте спрашивает «вы наш рынок понимаете?», мы открываем именно эту работу. Демо в портфолио — публикация под клиентским URL ожидается в этом сезоне.
Tech stack
What the client said.
Мы — четыре кабинета в Караганде, врачи с Charité и Цюриха, и шесть лет работы по принципу «один пациент в час». Прежний сайт этого не показывал — выглядел как любая другая клиника на районе. Новый говорит то же, что говорим мы на первом приёме: спокойно, точно, без давления. За первый месяц онбордили двести сорок пациентов и впервые за три года получили запросы из Алматы — люди готовы лететь к нам после прочтения сайта.