Сайт креативного дизайн-агентства «Yellow & Bold»

О клиенте

Молодая амбициозная дизайн-студия из Москвы. Брендинг, айдентика, упаковка, веб-дизайн. Среди клиентов — «Яндекс», «Самокат», «Ситимобил», несколько ресторанов и десятки стартапов. Команда — 8 человек, средний опыт в индустрии — 7 лет.

До нашего сотрудничества у студии был сайт на Tilda, который выглядел как «шаблон из Canva». Это категорически не вязалось с уровнем работ: студия делала премиальные проекты, а сайт транслировал обратное. На брифе основатель прямо сказал: «Сайт — это наше резюме. Сейчас мы теряем клиентов на этапе первого касания, потому что они открывают сайт и не верят, что мы способны на такой уровень».

Задача

Сделать сайт, который бы сам по себе был кейсом в портфолио:

• яркая анимация, но не «попсовая» — студия работает с премиальным сегментом;
• сильный раздел с кейсами (фокус на визуал, минимум текста);
• возможность быстро связаться с командой через мессенджеры;
• блог для SEO и экспертного позиционирования;
• лёгкий процесс добавления новых кейсов и статей без программиста.

Решение

Мы сделали ставку на визуал и микро-анимации. Каждый раздел — это небольшой спектакль: текст появляется по словам, иллюстрации плавно выезжают, кейсы «перелистываются» по ходу скролла, цифры считают в момент появления в зоне видимости.

Главный экран — большой заголовок «We design bold brands», под ним — название студии, выполненное фирменным шрифтом студии. Параллакс-эффект: фоновое изображение плавно движется при скролле.

Кейсы — главный раздел сайта. Каждый кейс — это полноэкранная карточка с большой обложкой, логотипом клиента, категорией, заголовком, кратким описанием и ссылкой на подробную страницу. На подробной странице — полный разбор: задача, процесс, финальный визуал, цифры результата. Кейсы можно фильтровать по типу услуги (брендинг, веб, упаковка).

Команда — 8 человек с профессиональными фото (мы организовали съёмку), краткими bio, ссылками на личные Behance/Dribbble.

Услуги — 4 направления работы студии с подробным описанием процесса и стоимости.

Контакты и CTA — три крупные кнопки: «Написать в Telegram», «Написать в WhatsApp» и «Оставить заявку». Форма заявки появляется как pop-up, без перезагрузки страницы. Все заявки уходят в Telegram основателю и в CRM.

Стилистика: яркий жёлтый как основной акцент, графит как фон, чёрный как контраст. Крупная типографика с фирменным шрифтом студии. Много «воздуха» и «негатива» — никакой захламлённости.

Что мы сделали технически

• Next.js (React) — для скорости и SEO.
• Кастомная CMS на базе Sanity — студия добавляет кейсы и статьи через удобный интерфейс, как в Notion.
• GSAP для анимаций, Framer Motion для микро-взаимодействий.
• Lazy loading и оптимизация изображений (avif, webp), критический CSS inline.
• PageSpeed: 98/100 на десктопе, 92/100 на мобильных.
• Cookie-баннер, политика конфиденциальности, согласие на обработку ПД в каждой форме.
• Open Graph и Twitter Cards для красивых шерингов.
• Аналитика: Яндекс.Метрика с целями на каждом этапе воронки, Facebook Pixel.
• Деплой на Vercel + кастомный домен, SSL через Let's Encrypt.

Результаты

За 2 месяца после запуска количество заявок с сайта выросло в 4 раза. 12 новых клиентов подписали договоры на брендинг и веб-дизайн. Средний чек вырос на 35%, потому что сайт стал приводить более «зрелых» клиентов, готовых к премиальному сегменту.

Сайт попал в подборку «Лучшие сайты студий 2026» на Behance и Awwwards, что дало дополнительный PR-эффект и международные заявки.

«Мы хотели, чтобы сайт сам продавал. Получили больше: сайт сам стал визитной карточкой, которую мы показываем на встречах первым делом. Клиенты говорят, что наш сайт — это причина, по которой они выбрали именно нас».
— Александра, основатель Yellow & Bold

Что дальше

Сайт на поддержке: добавляем новые кейсы, оптимизируем анимации, обновляем раздел услуг. В планах — английская версия для выхода на международный рынок.