Сайт был спроектирован как основной носитель стиля — это наша фишка, мы так воспринимаем сайты. Работа над ним началась сразу после утверждения концепции айдентики. К тому моменту фирменный шрифт, разработанный 🤓 Кириллом Турыгиным, ещё находился в процессе.

Над проектированием сайта работали: 🥺 Виолетта Постнова (партнёр ESH, креативный директор), 🙂 Алёна Мельникова (арт-директор), 🤔 Даша Гадалова (веб-дизайнер), Влад Данильченко (разработчик). Дизайн-макеты создавались в тесном сотрудничестве с авторами айдентики: 😐 Филиппом Третьяковым (партнёр ESH, арт-директор), 🤓 Кириллом Турыгиным (дизайнер, шрифтовой дизайнер) и 🙂 Анной Колышевой (дизайнер). На этапе согласования концепции сайта мы долго не могли найти форму, которая сочетала бы запрос клиента на загадочность и эффект ребуса — и при этом сохраняла бы понятный пользовательский опыт и укладывалась в бюджет. Ну, классика. «Были моменты, когда я не спала по пол ночи перечисляя в голове аргументы которые мне могут пригодиться в переговорах. Были моменты, когда я чувствовала такую усталость от проекта, за которой уже хотелось разрешить себе не задавать лишних вопросов. Меня спасла только благодарность к людям рядом — с ними ничего не страшно. Это наша команда» 🥺 Виолетта Постнова После множества эскизов мы нашли решение — представить интерфейс как метафору погружения. Мы создали иллюзию масштаба и глубины, придумали три уровня навигации, между которыми пользователь может плавно перемещаться. «Этот проект стал настоящим вызовом — голова, если честно, кипела. Многие решения приходилось отстаивать, находить десятки компромиссов. Было тяжело, правда. Тем ценнее то, что команда заказчика поддерживала самые смелые идеи. Такая дизайнерская удача — большая редкость: когда все готовы идти на эксперимент» 🙂 Алёна Мельникова Реализовать эту концепцию, противоречащую логике работы браузеров, нам помог Влад Данильченко (@VladGreed) и его команда. Такие проекты в вебе — всегда эксперимент, всегда риск нестабильной работы. Но нам удалось найти техническое решение, которое обеспечило стабильность, сохранило выразительность визуального образа, и попало в ожидания клиента. utopia-orchestra.org 👈 Если у вас есть вопросы по организации процесса проектирования сайтов, или вопросы конкретно про этот проект, будем рады ответить на них в комментариях. Спрашивайте, ставьте лайк проекту Utopia на Behance и в Instagram, и загляните #1">в кейс на нашем сайте. #utopia@eshpresso
Video is not supported

Мы опубликовали новый гигантский проект, который сделали с огромной отдачей — брендинг для оркестра Теодора Курентзиса Utopia.

Для этого проекта мы разработали стратегию, концепцию, айдентику, кастомный шрифт, оформили соцсети, мерч и сделали сайт. Хотим поделиться с вами подробностями процесса и нашими чувствами по этому поводу. Ставьте лайк проекту Utopia на Behance и в Instagram, и #1">загляните в кейс на нашем сайте. Начнём с сайта. ↓ #utopia@eshpresso
Video is not supported

Шрифт Erewhon

Серифный шрифт, основанный на Heuristica Андрея Панова, но с существенными изменениями, приближающими его к эстетике XVIII—XIX веков. Включает наклонные (slanted) и курсивные начертания, капитель, пропорциональные цифры (линейные и старостильные), а также верхние индексы с полным набором строчных букв. Отличается уменьшенным размером на 6% по сравнению с Heuristica (чтобы соответствовать старой версии Utopia), переработанными старостильными цифрами и улучшенной читаемостью жирного начертания. Подходит для академической и художественной литературы, редакционных проектов, исторической и научной типографики. Рекомендуем для сочетания: Utopia, EB Garamond, Merriweather, Source Serif Pro Автор: Michael Sharpe Лицензия: Для личного и коммерческого использования Скачать семейство
Video is not supported

Visualization: mir. no

Architecture: utopiaarkitekter ♦️ CG - Computer Graphic
Изображение поста
🌞 Как делать быстро и классно или Как мы делали тизер Utopia
☺️ Аня: Хотите быстро и классно? Идите учиться в Британку на «Основы моушн-дизайна» и практикуйтесь, практикуйтесь... ———————————————————— Когда в сжатые сроки нужно сделать хорошо — на помощь приходят 2D и стомпы. Хотя для одной из сцен ролика Utopia ускорить работу помогло именно 3D, но об этом в другой раз. Стомпы, благодаря попаданию в акценты в музыке, выглядят очень эффектно. А в продакшене этот прием один из самых быстрых. Уже круто, да? Плюс текстом можно четче раскрыть смыслы и даже успеть сказать больше за тот же хрон. Когда стомпы только залетели в тренды, мы думали, что их популярность со временем пройдет, и про них все забудут. Но они возвращаются снова и снова, клиенты часто приносят их в качестве референсов. Так что кажется, стомп-стилистика из тренда переросла в отдельный прием в моушене. Хотите подборку наших любимых стомпов? 🍌 ———————————————————— ☺️ Аня: и еще практикуйтесь...
Video is not supported
🎬Дропнули тизер для Utopia
У нас была 1 неделя, 20 секунд хрона, и смыслы, которые легко тянут на целый лендинг. Но мы, конечно, сделали видео. Наши друзья из Utopia занимаются мобильной и веб-разработкой, а особый упор делают на геймификацию. Совсем недавно они решили запустить полную перезагрузку бренда. И вот тут-то в игру вступили мы. Скоро расскажем, как нам удалось уложиться в дедлайн, и какие приемы нам в этом помогли. Ставьте бананы 🍌
Video is not supported