Purr-концепт #3. Врата Урала
Открываем «Врата Урала»: придумали айдентику и интерфейс для сайта и приложения уральского курорта. Purr-концепт #3
Привет! Я Гоша Путилов, Head of Design Services в Purrweb. Это рубрика Purr-концепт: я на пару часов «краду» арт-директора, и мы вместе придумываем идеи концептов для проектов, которые нас зацепили.
Скоро открывается новый круглогодичный курорт «Врата Урала». Он появится на базе горнолыжного центра Аджигардак на Южном Урале — редкий случай, когда старую инфраструктуру не забрасывают. Забегая вперёд: именно этот факт стал для нас отправной точкой для идей!
Мы пофантазировали, каким мог бы быть логотип, паттерны, а также интерфейс приложения и сайта для курорта. Расскажем обо всём по порядку ⬇️
Продумали идею дизайн-концепта
Курорт строят на базе горнолыжного центра Аджигардак, которому уже несколько десятилетий. Это навело на мысль: а что, если в интерфейсе аккуратно обыграть советскую эстетику, чтобы связать современный проект с историей места?
Вдохновились конструктивизмом — одной из особенностей культуры СССР. Его характеризуют строгость, рубленость, прямота, массивность. Все это созвучно Уралу: суровым горам, металлургии и людям, чья жизнь связана с тяжелым трудом на предприятиях.
От метафоры — к логотипу
Название курорта, «Врата Урала», отсылает к географическому факту: именно на Урале проходит граница Европы и Азии, отсюда начинается дорога в Сибирь. Нам захотелось передать эту метафору в логотипе.
Мы взяли за основу форму врат и начали рисовать. Силуэт разделили на массивные элементы — угловатые, острые, стоящие прочно — отсылка к конструктивизму.
Форма врат перекликается с образом горы. Для динамики добавили легкое искажение элементов: врата будто приоткрываются.
Для текстовой части логотипа остановились на шрифте Gertika. В нём есть треугольные и массивные элементы, динамика которых хорошо перекликается с графикой знака. Шрифт поддерживает «рубленую» энергетику конструктивизма: он динамичный, с острыми углами и характерными подъемами.
Вот какой логотип в итоге получился. Знак вышел универсальным: он хорошо выглядит и в крупном, и в мелком масштабе, не теряя узнаваемости.
Так как курорт круглогодичный, сделали вариации логотипа для разных сезонов — зима, лето, межсезонье. Это добавляет бренду дополнительный инструмент для коммуникации.
Символика и паттерн
Мы разработали набор пиктограмм в духе конструктивизма: утолщенные линии, квадратные и массивные формы.
Набор символов:
• лыжи, сноуборд, снежинка, гора — символы горнолыжного спорта; • солнце, лес — отсылка к всесезонным активностям; • звезда — перекличка с советской эстетикой и наследием региона; • кубок — тонкая отсылка к гербу соседнего с «Вратами Урала» посёлка Аша. На нем изображен кубок с раскаленным металлом.
Из символов собрали 3 варианта паттернов для постеров, мерча и интерфейса.
Интерфейс лендинга
Сначала попробовали глассморфизм. Он сейчас снова на волне популярности благодаря новому дизайну iOS, плюс возникла ассоциация со стеклоблоками в советской архитектуре. Мы пытались обыграть этот приём, разбавив его текстурой камня, но поняли, что это уводит от основной идеи.
Вариант, от которого мы отошли ⤵️
В итоге остановились на современном дизайне с толстыми, грубыми линиями в иконках. В интерфейс встроили элементы логотипа и добавили паттерны на фон, для цельности визуального стиля.
Итоговый дизайн-концепт лендинга ⤵️
Дизайн-концепт мобильного приложения
⚫️ Карта
UX первого экрана приложения близок к интерфейсу Яндекс.Карт или 2ГИС — в основе лежит навигационная карта. На главном экране собраны профиль, погода, поиск, теги и кнопка SOS.
По нашей задумке, это первый экран, который видит пользователь после загрузки приложения: здесь собрана вся ключевая информация для туриста.
По тегу открывается список объектов: их можно просматривать прямо на карте или пролистывать списком. Всё доступно на одном экране, без лишних переходов и вложенных меню.
⚫️ Билет на подъемник
Билеты на подъёмники интегрированы в карту: их можно купить сразу, а при уже купленном билете кнопка меняется и открывает его в один клик — чтобы пройти без лишних действий.
Фон дополнен паттерном, который поддерживает айдентику.
Все экраны мобильного дизайн-концепта
Что скажете про концепт? Зашла ли метафора и её визуальное решение? Как бы реализовали дизайн-концепт на нашем месте? Обсудим в комментариях!
