От редизайна сайта до новой айдентики: Fancy Solutions × The Clients
Привет, меня зовут Василий, я кофаундер и творческий руководитель Fancy Solutions. Мы с командой делаем цифровые продукты для бизнеса с упором на стартапы.
Этим материалом я открываю серию кейсов о проектах, которые мы делали вместе с командой. Очень надеюсь, что на первом тексте эта история не закончится.
Хочу рассказать о проекте для агентства The Clients — он начинался как обычное обновление сайта, а в итоге стал отправной точкой для переосмысления визуальной идентичности всего бренда.
С The Clients мы знакомы давно: пересекались по задачам и в целом говорили на одном языке. Лида, дизайн-директор, и Ваня, креативный директор, — люди, которые глубоко чувствуют дизайн, не боятся дискуссий и спокойно меняют направление, если идея не работает.
Это как раз тот случай, когда вместе c клиентом ищешь решение. И именно это стало ключевым фактором в проекте.
1. С чего все начиналось
Формально сайт у агентства уже был. По факту — минимальная заглушка, собранная «что бы было». Имело ли это смысл для серьезной компании в креативной индустрии? Спорно.
Задача казалась простой: привести сайт в порядок. Но буквально с первых шагов стало понятно — проект требует гораздо большего.
2. Когда правильные решения не цепляют
Мы начали с очевидных вариантов: чистый минимализм, аккуратная типографика, выверенная сетка. Первый концепт, второй, третий, четвертый — они были хорошими, но ни один вариант не вызывал ощущения, что это именно оно.
Визуально все как у других агентств, но именно это и стало проблемой. Концепты не передавали характер The Clients. Сейчас это кажется очевидным, но тогда, после очередного показа, пришло ощущение пустоты — вроде бы все сделано правильно, а результата нет.
Мы начали экспериментировать. Взяли элементы старой айдентики — символ Астерикс из логотипа — и стали вокруг него выстраивать графику. Пробовали делать объем, добавляли даже эффект стекла. Пытались придать конструкции вес, чтобы логотип выглядел как объект с характером, а не просто графика.
Честно говоря, это был поиск ради поиска. Мы ломали конструкции, тестировали шрифты с засечками, собирали и разбирали идеи. Иногда все превращалось в визуальный хаос, но именно через эти ошибки мы постепенно приближались к нужной точке.
Простая идея, которая все изменила
В какой-то момент стало ясно: дальше так нельзя. Мы откатились к нулю и впервые сформулировали главное — The Clients как бренд вторичен по отношению к своей работе.
Логотип, шрифты, визуальные приемы — это всего лишь инструменты. А настоящая ценность агентства — в кейсах. В их энергии, характере и масштабе.
И тут сложился пазл: агентство, по сути, может не иметь выраженного логотипа или классической айдентики. The Clients — это и есть их проекты.
Так родилась ключевая идея сайта — превратить кейсы в основу визуального языка. Мы начали проектировать интерактивное полотно, которое реагирует на пользователя. Каждая работа — отдельный мир, а вместе они формируют айдентику бренда.
Мы обсуждали с разработчиками разные сценарии: накладывали проекты друг на друга, тестировали бесконечный скролл в духе TikTok. В какой-то момент возник риск увлечься эффектами и потерять смысл.
И именно тогда появилось неожиданно простое решение — стикеры.
Почему именно стикеры
Сами по себе стикеры — идея не новая. И именно поэтому было важно избежать поверхностного подхода. Мы сделали стикеры идентификаторами проектов. Каждый стикер — отсылка к конкретному кейсу, за которым стоит большая работа. Они стали частью визуального языка сайта и одновременно элементами айдентики. Эта простая на первый взгляд идея неожиданно сильно повлияла на облик всего агентства. Сейчас The Clients органично масштабируют ее и в других проектах.
Идея со стикерами была интересной, но именно со временем она раскрылась полностью: на ее основе сейчас строится весь брендинг агентства.
Отсылка, которую мы долго не замечали
Название The Clients всегда было перед глазами, но мы не сразу увидели в нем подсказку. Все вращается вокруг проектов.
Название буквально говорило: хватит строить визуал «про агентство». Сделайте визуал из того, что агентство создает. Дайте кейсам стать лицом бренда.
После этого мы наконец вышли из бесконечного круга «вариантов, которые вроде бы норм», и пришли к концепции, которая действительно отражает характер The Clients.
3. Живые механики: сайт как пространство жизни
Полотно и стикеры задали визуальный тон, но хотелось добавить ощущение движения и жизни. The Clients — живое агентство, и сайт должен был это показывать. Просто пролистывать проекты слишком скучно, если не ощущаешь атмосферу, дух команды и жизнь.
Сторис как формат новостей
Мы добавили блок новостей в формате сторис. Здесь — процессы, эксперименты, инсайды и внутренняя кухня агентства. Никакого вылизанного контента: каждая история создает эффект присутствия и дает ощущение, что ты наблюдаешь за командой изнутри.
Telegram-кружки вместо портретов сотрудников
Вместо стандартных фото сотрудников мы сделали интерактивные кружки в стиле Telegram. Маленькая деталь, которая неожиданно добавляет тепла и человечности. Ты начинаешь воспринимать агентство как живую команду, а не набор должностей.
С ребятами у нас получилось сработаться и идти вместе. Когда хорошие специалисты делают что-то совместное, результат может быть невероятным. Особенно, если это такие профессионалы, как команда The Clients.
По анимациям нам часто приходилось останавливать желания ребят — они хотели много эффектов, но мы понимали, что перегрузка убьет восприятие. Поэтому пришлось балансировать: анимаций достаточно, чтобы сайт выглядел живым, но не перегруженным. На сторисы не было ставки, добавили почти автоматически — дизайнер нарисовал, мы вставили, и это отлично зашло. А настоящим дизайнерским решением стало заменить портреты сотрудников на интерактивные Telegram-кружки: у команды раскидана по разным городам и странам, фотосессий сделать нельзя, а так мы показываем встраиваем ребят в сайт органично. Как бонус, будет легко добавить новых членов команды. Самое неожиданное для меня лично — это то, как сайт, сделанный руками всего одного дизайнера и полутора разработчиков, получил столько наград. Это еще раз доказывает, что не важно количество, важны навыки и подход.
Лайки внутри кейсов
Мы добавили механику лайков — знакомую всем дизайнерам по Behance. Пользователь может отмечать понравившиеся проекты и вступать в негласный диалог с работами. Счетчик лайков честно учитывает каждый голос.
Как проходила разработка
Стек на проекте у нас дефолтный: React, Next.js и ОТВЕТСТВЕННОСТЬ. В нексте у нас неплохая экспертиза, поэтому выбрали его. Ну а без ответственности ни один сайт до прода не доедет. Для красоты и анимаций использовали framer motion.
Самые тяжелые элементы на сайте — истории, карточки проектов и кружки с командой. Потому что все это содержит видео и требует почти уникального подхода. Просто, чтобы в моменте сайт при открытии страницы не запросил 50мб медиафайлов. Для оптимизации всего этого использовали ленивую подгрузку, обжимали видео и картинки и выполняли отложенную загрузку медиафайлов.
Самым хардкором для меня стали кружочки, потому что их реализация менялась по ходу проекта. Плюс не получилось найти готовое решение, чтобы они двигались по определенной плавной траектории. Пришлось много копаться и экспериментировать. А под адаптив пришлось переделать реализацию, на мобильный устройствах это почти обычный слайдер.
Костылем для меня на проекте стала бегущая строка. Казалось бы, элемент проще пареной репы, но в итоге ее пришлось переписывать под карусель, чтобы подбить фичу под требования.
Самой красивой частью проекта я считаю карточки проектов. Мне они понравились с точки зрения технической реализации: удалось сделать хороший фоллбек с картинкой, пока загружается видео для кейса.
Если бы сейчас перезапускали проект, то скорее всего взяли другую библиотеку, например embla, для историй и каруселей: свайпер оказался каким-то неповоротливым и прожорливым. Также бы использовали тайлвинд для стилизации. Обычная верстка по бэм кажется избыточной в таком проекте, для анимаций бы сейчас взяли GSAP/three.js.
4. Награды
Сайт взял:
- Бронзу на Tagline Awards 2024
- Бронзу на Рейтинге Рунета 2025
- Шорт-лист на WDA
- Шорт-лист на фестивале Среда
Здорово, что вышел не просто сайт, а живое пространство с нашим вайбом. У нас получилось не только переосмыслить сам подход к функционалу сайта-портфолио и внедрить туда механики из соцсетей, но и прокачать визуальный стиль агентства в целом. Интерактивные мемы-стикеры стали частью нашего дизайн-днк и перекочевали в презентации и соцсети. Также сайт стал отличным стимулом для роста наших бизнес-амбиций, например вскоре у нас появился раздел с собственным мерчом. Сайт прекрасно работает и как hr-инструмент, и как инструмент продаж. По нашей статистике, среднее время, проведенное на сайте, увеличилось в два раза после редизайна. И это неудивительно, ведь не на каждом сайте можно найти кошку-картошку, Достоевского в латексе и кистепёрую рыбу!
Подписывайтесь на наш Telegram-канал, там мы публикуем новости студии и делимся практическим опытом.
Пообщаться о дизайне или пригласить на подкаст можно, написав мне. По проектам и совместным идеям — лучше обращаться к Никите.