Редизайн IT-бренда Dodo Engineering: взгляд изнутри

Привет! Меня зовут Лина, я — Senior Designer в «Додо Пицце». Сегодня я расскажу вам историю обновления бренда нашей IT-команды Dodo Engineering. Вы узнаете, как мы подошли к задаче, через какие этапы прошли, и какие смыслы заложили в каждый элемент. Готовы погрузиться в детали? Поехали!

«Стоп-стоп-стоп. Прямо про каждую деталь расскажете?» — спросите вы. Да, текст получился небольшим, но в нём мы прошлись по каждому элементу дизайна IT-бренда. Для вашего удобства оставлю оглавление:

1. Как мы прокачали Dodo Engineering: от пиксель-арта к инновациям

2. Что мы сделали?

3. Идея логотипа: многослойная пицца смыслов

4. Шрифт — простота с характером

5. Дизайн-система: смыслы в каждом пикселе

6. Цвета: команда как палитра

7. 3D-стекло — символ нашей прозрачности

8. Градиенты: от формы к смыслу

9. Линии и иконки: строгая геометрия и технологичность

10. Фотостиль: яркость людей и энергии

11. Блюр: чёткость сквозь размытость

12. Итог: бренд, который живёт и меняется

13. И немного о внутреннем

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

Старые материалы выглядели разрозненно, бренд-элементы были слишком размытыми, и это мешало бренду звучать уверенно. Мы хотели добиться чёткости, гибкости и выразительности.

Все началось с самого важного вопроса: а каким должен быть логотип? Ведь это тот самый первый визуальный «привет», который бренд говорит миру. Мы определяли, какие смыслы логотип должен нести, какие эмоции вызывать и с какими образами ассоциироваться.

Процесс разработки прошёл через несколько итераций. Мы экспериментировали с различными вариантами, оценивая, какие ощущения они пробуждают. Первоначальная идея заключалась в том, чтобы сосредоточиться на букве «E»: обыграть её форму, придать ей ощущение глобальности, открытости и масштаба. Один из вариантов даже напоминал ребрендинг для Internet Explorer — с акцентом на современность и динамичность.

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

Наша эмблема — это не просто кусочек пиццы, хотя кто-то так и видит. Это и вид сверху на чашку кофе, и лучи солнца, и клик курсора. Для кого-то это идеи и мысли каждого сотрудника или иконка загрузки, а для кого-то — символ многогранности команды.

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

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

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

Его мягкие формы перекликаются с элементами логотипа, а лёгкая строгость добавляет современности и динамичности. Это шрифт, который говорит: «я дружелюбный, но серьёзный».

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

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

Мы стремились не просто создать красивую картинку, а передать все наши смыслы.

Цветовая палитра бренда стала символом разнообразия и равноправия. Мы отказались от главного корпоративного цвета, сделав акцент на уникальности каждой команды.

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

Мы решили сделать 3D-стиль не просто модным элементом, а ключевой частью визуального языка бренда. В его основе — стекло как метафора нашей прозрачности и открытости.

Главным элементом стиля стала стилизованная буква «D» с эффектом эха в различных цветовых сочетаниях. Яркое и гладкое стекло в динамике создаёт ощущение движения и развития. Кроме того, мы разработали стеклянные объекты с разнообразными метафорическими смыслами, которые обогащают визуальную систему.

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

Градиенты в нашем бренде — это не просто игра с цветом, а символ новых горизонтов. Мы выбрали форму полусферы, напоминающую восходящее солнце: яркий центр и плавные переходы — это наш взгляд в будущее.

Эти градиенты органично сочетаются с 3D-стилем, создавая динамичную композицию, которая работает как акцент или поддерживающий элемент. Они передают ощущение движения, роста и изменений.

Следующим шагом стало создание линейных элементов, которые продолжают идею знака. Линии, будто рождённые из логотипа, стали нашей «системой координат».

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

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

Наш фотостиль вобрал в себя фирменные градиенты, которые помогают акцентировать внимание на людях. Насыщенные цвета выделяют объекты на фоне, добавляя эмоциональности и энергии.

Каждое изображение в этой системе становится частью общей истории, где человек — в центре внимания.

Мы добавили блюрные плашки как финальный штрих нашего визуального стиля. Это метафора трансформации: то, что вчера было размытым, сегодня становится чётким и понятным.

Эти элементы подчёркивают глубину дизайна, добавляя баланс между динамикой и спокойствием. Блюр работает как связующий элемент, объединяющий все аспекты системы.

Наша новая дизайн-система — это гармония между инновационностью, технологичностью и творчеством. Она гибкая, разнообразная и открытая для развития. И это только начало: впереди ещё много задач и идей, которые бренд с радостью возьмётся воплощать.

Логотип стал не просто символом, а полноценным инструментом. Он объединяет команду и помогает рассказывать о нас так, как мы захотим, в наших внутренних коммуникациях.

Сегодня он строгий и серьёзный, а завтра — игривый и дерзкий. Это уникальная история, с которой можно экспериментировать, играть и каждый раз находить новые смыслы.

А находить новости о жизни нашей IT-команды можно в Telegram-канале Dodo Engineering. Там мы делимся нашими статьями и записями выступлений, опытом и экспертизой.

И у моей команды дизайна тоже есть канал — Dodo Desisign. Чуть менее формально рассказываем о самых разных элементах дизайна нашего приложения, делимся макетами, 3D-модельками и мемами. Подписывайтесь!