Krasnikova Agency
Сайт-портрет для агенції, яка перетворює весілля на історію, що звучить як легенда.
Krasnikova Agency — преміальна студія, що організовує весілля «під ключ»: від першого брифу про настрій до останнього танцю. Команда має репутацію, портфоліо й глибокий продакшен — але не мала сайту, який відчувається на тому ж рівні, що й самі весілля.
Запит був точний: жодних шаблонів, жодних карусельних слайдерів, жодних «весільних» візуальних кліше. Сайт мав звучати як редакційний матеріал — стримано, дорого, з вагою кожного слова й кожного інтервалу.
Ми працювали з командою агенції шість тижнів — від контентної стратегії й типографічної системи до запуску продакшну на Netlify.
Редакційна сітка
і чіткий тон
Ми почали з контент-карти: розклали усі сторінки на типи матеріалів — від «Наші весілля» до «Про Катю» й «Процес». Це дозволило не вигадувати дизайн «під картинку», а будувати його під реальні потреби редакції: заголовок, лід, цитати, спокійні білі поля.
Сітка побудована на трьох колонках, але кожна сторінка ламає її по-своєму: десь матеріал займає всю ширину, десь — лише центральні дві третини, а ліва колонка стає простором для приміток. Ця «свобода всередині рамки» — головна метафора сайту.
Редакційна сітка
Тіло — серіф, заголовки — гротеск. Контент дихає, очі читача не перевантажуються.
JSON замість CMS
Адмін додає нове весілля редагуванням JSON у репозиторії — сайт сам збирає головну, картки й OG-превʼю.
Анімації як дих
Жодних паразитних рухів. Реакції тільки на скрол і наведення: scramble на заголовках, slow-pan на героях, magnetic-кнопки.
Адаптив без компромісів
Мобільна версія — не зменшена, а перебудована: вертикальна стрічка-журнал з повноекранними обкладинками.
Шрифт як голос
Палітра свідомо мінімальна: теплий бежевий «папір» як основа, графітовий для тіла, і єдиний акцент — приглушений руж. Цей акцент не «фірмовий колір», а маркер виділення, цитати, рідкого активного стану. Він рідко зʼявляється — тому коли зʼявляється, працює.
Типографічна пара побудована довкола Cormorant Garamond для заголовків і дисплейних блоків та Inter для тіла. Серіф у курсиві створює відчуття журнальної смуги, без якого матеріали виглядали б як ще один блог.
Не для всіх
Aa
Cormorant Garamond · Display / Inter · BodyСайт-агенція має звучати як її засновниця — не голосніше і не тихіше.
Анімація — це пунктуація
Найскладніша частина роботи з анімаціями — стриматись. Ми склали внутрішнє правило: жоден рух на сторінці не існує сам по собі. Він має або підкреслити ієрархію, або повідомити користувачеві щось про стан інтерфейсу. Все інше — викидаємо.
На головній — мʼякий пан-ефект на герої при скролі. У навігації — magnetic-ефект з ходом 0.2, ледь помітний, але такий, що дає відчуття «живої» кнопки. На сторінках «весілля» — повільний reveal-серіф у заголовках. Це і весь motion-список. Більше нічого не треба.
Жодних зайвих
залежностей
Сайт зібраний на чистому HTML/CSS/JS без фреймворків. Це свідомий вибір: контент рідко змінюється, але має жити швидко і довго, без щомісячних оновлень npm-залежностей. Анімація — GSAP та невелика обгортка з ScrollTrigger. Скролинг — Lenis. Хостинг — Netlify, з автоматичним деплоєм при пуші в main.
Цифри з першого кварталу
За перший квартал після запуску агенція отримала більше прямих звернень від нових клієнтів, ніж за весь попередній рік. Сайт став першою точкою контакту замість Instagram-профілю — і це переформатувало внутрішній процес продажів.
Коли клієнт відкриває сайт, я бачу як він повільно скролить вниз і нічого не каже. Це найкращий компліментарний звук, який може видати наш продукт.
Хочеш такий же результат для свого бізнесу? Дивись послугу «Корпоративний сайт» →
