ITRU/EN

Илья
Доронкин

Дизайнер. Сайты и интерфейсы, бренд-системы, письма, печать. Работаю в Figma и Illustrator, немного в After Effects.

Один клиент, показанный целиком: фонд СПИД.ЦЕНТР и его школа молодого врача.

Сайт школы молодого врача

Школа набирает потоки с 2018 года. Визуальный язык я взял из утверждённой кампании 27-го и 28-го потоков: серо-голубой медицинский фон, чёрная Gerbera, красная роспись «шмв» вместо декоративного шрифта, кобальтовые фигуры врачей и документальные фото занятий. Красный оставил единственным сигналом действия, чтобы кнопка заявки читалась на любой странице. Карточки спикера, потока и лекции устроены по-разному, иначе страницы сливаются в один список.

Главная страница сайта школы молодого врача: знак школы, конь с врачами, даты потоков
Главная
Страница онлайн-школы: заголовок и широкая документальная фотография
Онлайн-школа
Личная страница спикера: чёрно-белый портрет и подпись профессии
Спикер. 17 личных страниц
Архив прошедших потоков школы с фотографиями групп
Архив. 26 потоков, каждый со своей фотографией

Сайт работает: vera.school. Фотографии — съёмка прошедших потоков.

Редизайн сайта фонда

Главная собрана по принципу «одна страница, три маршрута»: благополучатель, донор, читатель. Бренд-систему перевёл в веб.

Главная страница нового сайта фонда: герой, статистика, блоки помощи
Главная. Кликните, чтобы открыть страницу целиком

Айдентика фонда, собранная в брендбук

Айдентика жила разрозненно в Figma, и макеты собирали из неё кто во что горазд. Я свёл всё в брендбук на 14 страниц: голос бренда, правила логотипа, символы, палитра с одним сигнальным красным, типографика, иллюстрации, интерфейс и чек-лист запретов.

Обложка брендбука СПИД.ЦЕНТР
Обложка
Разворот брендбука о голосе бренда и правилах тона
Голос бренда
Правила использования логотипа в брендбуке
Логотип. Версии, отступы, минимальный размер
Символические марки: конь и красная лента
Символы
Цветовая палитра бренда: рабочая и иллюстративная
Цвет
Типографическая система: Gerbera и начертания
Типографика
Система иллюстраций-человечков фонда
Иллюстрации. Правила композиции библиотеки фигур
Интерфейсный слой бренда: кнопки, карточки, сетка
Интерфейс. Кнопки-пилюли, карточки, сетка сайта

Серия донорских писем

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

Донорское письмо: реактивация уснувших доноров
Реактивация
Донорское письмо: приглашение оформить регулярный донат
Из разовых в подписку
Донорское письмо: благодарность регулярным донорам
Регулярные

Письма длинные, поэтому показаны началом. Кликните, чтобы открыть целиком.

Карточки набора для соцсетей

Анонс двух потоков в квадрате для ленты и вертикали 4:5. Композиция держится на рукописном знаке «шмв», который переходит в коня с врачами. В карточке остаются заголовок, номера потоков и даты, остальное уходит в подпись к посту. Из этой пары потом вырос весь визуальный язык сайта школы.

Карточка анонса набора в школу, квадратный формат
Квадрат 1:1
Карточка анонса набора в школу, вертикальный формат
Вертикаль 4:5

Карточки, плакаты и моушн

Анонсы событий и лекций, новости для соцсетей, плакат-призыв и юбилейный моушн.

Карточка анонса встречи книжного клуба
Книжный клуб
Карточка анонса лекции о ВИЧ-активизме
Лекция о ВИЧ-активизме
Карточка материала о фотоработах Гидеона Менделя
Фотопроект Гидеона Менделя
Новостная карточка о низкоуровневой виремии
Новость про виремию
Новостная карточка о новом стандарте медицинской помощи
Новость про стандарт помощи
Плакат: Сдать тест на ВИЧ — это важно
«Сдать тест на ВИЧ»
«10 лет против стигмы». Совместно с Мансуром, моя роль — редактура и доработка

Маскот фонда, красный конь и фигуры-человечки, нарисован до меня: это готовая айдентика СПИД.ЦЕНТРа. Фотографии — съёмка фонда. Моя работа: система, правила и всё, что из них собрано.

контакты