Интерактивный брендбук и айдентика для ФИИТ в УрФУ

Главное о кейсе

Айдентика, которую мы придумали, сейчас используется в визуальной коммуникации ФИИТ в УрФУ — в соцсетях, мессенджерах, при подготовке и оформлении мероприятий и презентаций, учебно-методических пособий и раздаток.

И, конечно, при создании мерча. Так, уже выпущены:
поясные сумки для школьников к новому сезону олимпиад,
футболки для преподавателей и студентов,
баланс-борды.

А на основе фирменного знака появляются вариации для оформления чатов по отдельным предметам)


===ENG===


The brand identity we came up with is now used in the visual communication of FIIT at UrFU – on social media, in messengers, in the design of events and presentations, training manuals, and handouts.

And, of course, it is used for merchandise. The branded merch that has already been launched includes:
-belt bags for schoolchildren for the new season of school Olympiads,
- T-shirts for teachers and students
- balance boards.

And based on the brand logo, options for the design of chats on individual subjects appear.

Бизнес-задача и ее решение

Глобально цель ФИИТ в УрФУ — сделать так, чтобы талантливые школьники из нашего региона не уезжали. А значит, предложить им такую программу, которая будет конкурентна в их глазах.

Концептуально обучение на ФИИТ в УрФУ отличается от других направлений тем, что программа переработана и призвана показать на практике, зачем учить всё, что преподают в универе. Принцип про то, что каждый курс должен отвечать на вопрос зачем это нужно будущему разработчику — это базис, вокруг которого всё строится.

Основная идея — за первые два года дать обязательную программу, а на третьем и четвертом курсах работать с индивидуальными планами обучения студентов, максимально приближенно к практике. Ну и сформировать вокруг ФИИТ в УрФУ сообщество студентов и абитуриентов.

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

Поэтому, после разговора с ребятами, мы штурмили разные идеи и остановились на концепции с гербом. Раз мы говорим про формирование нового студенческого сообщества — геральдика наше все.

В основе — разделенный четверочастно французский щит. На щите четыре буквы, в основе которых мы обнаружили три символа:
- Ф — как уроборос — он имеет множество значений, но наиболее распространенная трактовка описывает его как репрезентацию вечности и бесконечности, в особенности — циклической природы жизни: чередование созидания и разрушения, жизни и смерти, постоянного перерождения и гибели;
- И — как молния — знак начала революционного шторма, молния, озаряющая мрак, также становится символом борьбы света с тьмой, символ революционной мысли;
- Т — как костыль, или тау-крест, или Антониев крест. Костыль — это весьма уважаемый способ применяемый программистами, но не только! Это название крест получил в честь основателя христианского монашества Антония Великого, жившего в IV веке. Считается защищающим жизнь символом удачи.

Неплохо для тех, кто собирается менять подход к образованию, подумали мы)

Идея герба легла в основу и знака-логотипа, и самостоятельного элемента-контейнера для фирменного стиля, и его краткой формы.

Также для интерактивного брендбука мы разработали генератор паттернов — на странице можно сгенерировать подходящую картинку с основным знаком, гербом-контейнером или краткой формой и сразу ее скачать и использовать, без дополнительного привлечения дизайнеров.


===ENG===


Globally, the goal of FIIT at UrFU is to make sure that talented students from our region don't leave after school graduation. This means offering them a programme that will be competitive in their eyes.

Conceptually, studying at FIIT at UrFU differs from other courses – the programme has been redesigned to show in practice why it is necessary to study everything that is taught at the university. The principle is that each course must answer the question of why a future developer needs it — this is the basis, around which everything is built.

The main idea is to teach the compulsory modules in the first two years, and in the third and fourth years to work with individual student learning plans, as close as possible to practice. And to form a community of students and applicants around FIIT at the Ural Federal University.

But apart from upgrading the educational process, it is also important to be able to package and deliver this information to students and applicants. To find its visual language, its history, its vision, and display it to the outside world.

So, after talking to the FIIT team, we brainstormed different ideas and settled on a concept with a coat of arms (emblem). Since we are talking about the formation of a new student community, heraldry is what we needed.

The emblem is a quarterly divided French shield. The shield has four letters with three symbols at their base:
- F (Ф) — like an Ouroboros — has many meanings, but the most common interpretation describes it as a representation of eternity and infinity, in particular – the cyclical nature of life: the alternation of creation and destruction, life and death, constant reincarnation and death;
- I (И) — like lightning — a sign of the beginning of a revolutionary storm, the lightning that illuminates the darkness. It also becomes a symbol of the struggle between light and darkness, a symbol of revolutionary thought;
- T — like Chief-Pale, or Tau cross, or Saint Anthony's cross. Chief-Pale is a highly respected method used by programmers and others. The cross was named after the "Father of Christian monasticism", Anthony the Great, who lived in the 4th century. It is considered a life-protecting symbol of good luck.

We thought it was a good idea for those who are going to change the approach to education.

We used the idea of a coat of arms for the main logo, an independent emblem-container element for the brand identity, and its short form.

We have also developed a pattern generator for the interactive brand guidelines — on the website you can generate a relevant image with the main symbol, an emblem-container, or a short form and immediately download and use it, without any help of designers

Прочая информация о кейсе

ФИИТ — «Фундаментальная информатика и информационные технологии» — это новое образовательное направление на базе УрФУ. Оно запущено в 2019 году компанией «Контур» при поддержке Naumen, JetStyle и других представителей IT‑отрасли Екатеринбурга. Программа обучения называется «Разработка программных продуктов».

Собственно, цель ФИИТ в УрФУ — обучать разработчиков программных продуктов по‑новому. А мы придумали, как ФИИТ будет выглядеть, — сделали логотип и фирменный стиль.

А чтобы ребятам было удобнее пользоваться новым брендбуком, сделали его интерактивным.


===ENG===

FIIT – Fundamental Informatics and Information Technologies – is a new educational programme based at the Ural Federal University. It was launched in 2019 by Kontur with the support of Naumen, JetStyle and other representatives of the IT industry in Yekaterinburg.

The main goal of FIIT at UrFU is to train software developers in a new way. And our task was to come up with how FIIT would look like – we created a logo and brand identity.

To make it easier for the client to use the new brand guidelines, we made them interactive.

Скриншоты

Комментарий заказчика

Екатерина Воронова, руководитель образовательных программ, СКБ Контур:
Я помню, что главная моя эмоция это, наверное, восторг, потому что я не ожидала, что…

Но лучше начать с начала. Когда я шла разговаривать с Аней, я вообще не была уверена, что JetStyle будет интересно заниматься нашей задачей, мы не знали, найдем ли отклик. Были мысли в формате: «Ну, давайте попробуем сходить, поговорим, поймем, насколько ребята будут готовы потратить на это свое время». Потому что мы же понимали — это инфраструктурный проект, на длинную перспективу рассчитанный, у многих есть скепсис относительно всего этого.

Моя первая реакция на ответ «О, это классно, давайте попробуем» была «Охренеть, чуваки из JetStyle займутся нашей айдентикой!».

Еще больше меня это впечатлило, когда нас позвали на встречу с Кулаковым и дизайнерами. Потому что мы говорили часа три, и все задавали вопросы, были очень вовлечены. В итоге договорились делать не только стиль, но и курс по созданию продуктов) Так что наши эмоции превратились в «О, так прикольно, ребята хотят не просто поучаствовать, они еще и контент делать хотят. Это лучшее, о чем мы могли мечтать».

А потом, когда мы уже пришли смотреть айдентику, у меня главное впечатление было, что вот есть стиль, а следующий шаг — это просто его накатывать. Мы ничего не делали. Главная эмоция — про магию. Я либо говорю четкое ТЗ и потом уже вношу правки, либо есть магия, и она меня сильно поражает, потому что гораздо меньше работы и гораздо больше впечатлений — вот в чем магия.

Ты отдаешь свое видение и свои мысли, а его превращают в какую-то готовую упаковку. И тебе говорят: «Вот упаковка, смотри». Прикольно. Это тот формат, который я люблю. И вот эта магия — это лучшее, что может произойти.

Ты говоришь: «Ребята, сделайте классно». И тебе отвечают: «Вот, держи!».


Павел Егоров, Руководитель образовательной программы ФИИТ УрФУ, УрФУ:
Получилось красиво, аккуратно и современно. Но это как раз было предсказуемо. Что меня действительно приятно удивило, так это то, насколько идейным получился результат.

Превратить программистские скобочки в герб, а буквы ФИИТ в гербовые символы — идея, от которой мы были в восторге!

Ирония, которая проглядывает в фирменном стиле (вы ведь заметили костыль в гербе, да?), тоже попала в самую цель. Ведь если студенты видят, что шутить над ФИИТ можно, они раскрепощаются, начинают легче давать обратную связь и активнее участвовать в жизни образовательной программы. Для нас это важно.

Когда мы шли в JetStyle, у меня была всего одна мысль: предложить сделать не статичный логотип, а что-то генеративное. Что-то, что может меняться, подстраиваться. Что можно и нужно программировать. Ведь ФИИТ — это образовательное направление про программирование. Значит и логотип должен быть программируемым )

Каково же было мое удивление, когда мне эту идею даже не пришлось озвучивать. В JetStyle сами ее предложили почти сразу и сами все сделали. Удивительная магия! )

В целом было очень приятно работать с людьми, которые находятся на одной волне с нами и практически читают мысли )


===ENG===

Ekaterina Voronova, Head of educational programmes, SKB Kontur:
I remember that my main emotion was probably excitement because I didn't expect that...

But it is better to start from the beginning. Before talking to Anna, I wasn't at all sure that JetStyle would be interested in this task. There were thoughts: “Well, let's try to talk, see how much time the guys will be ready to spend on it”. Because we understood that this is an infrastructure project with a long term vision, and many people are sceptical about all this.

My first reaction to the answer “Oh, that's great, let's try” was “Oh, man, the guys from JetStyle are gonna take care of our brand identity!”.

I was even more impressed when we met with Alexey Kulakov and the designers. Because we talked for three hours, everyone asked questions, and they were very involved. In the end, we agreed to do not only the identity but also a course on creating products. So our emotions turned into “Oh, that’s awesome, the guys don't just want to participate, they also want to make content. That is the best thing we could dream of”.

And then, when the identity was ready, I thought that there was style, and the next step was to use it. We did not do anything. The main emotion – it was magic. I either give a task and then correct it, or there is magic, and it amazes me a lot. You explain your vision and your thoughts, and it gets turned into some sort of a finished project, a ready packaging. It's great. This is the format I love. And this magic is the best thing that can happen.

You say: “Guys, make it cool”. And you get the answer: “Here you go! All done”


Pavel Egorov, Head of the FIIT educational programme at UrFU, UrFU:
It turned out beautifully, neat and modern. But that was predictable. What really pleasantly surprised me was how deeply meaningful the result was.

Turning programmer brackets into a coat of arms, and FIIT letters into heraldic symbols – we were thrilled by this idea!

It turned out beautifully, neat and modern. But that was predictable. What really pleasantly surprised me was how deeply meaningful the result was.

Turning programmer brackets into a coat of arms, and FIIT letters into heraldic symbols – we were thrilled by this idea!

The irony that is visible in the brand identity also hit the target. After all, if students see that it is possible to joke about FIIT, they become more liberated, begin to give feedback more easily and take an active part in the life of the educational programme. This is important for us.

When we went to JetStyle, I had only one thought: to propose to create not a static logo, but something generative. Something that can change, adjust. What can and should be programmed. After all, FIIT is an educational course about programming. So the logo must be programmable)

Imagine my surprise when I didn't even have to voice this idea. The JetStyle team suggested it themselves almost immediately and did everything themselves. Amazing magic! )

In general, it was a very pleasant experience to work with people who are on the same wavelength with us and practically read our minds)