Подписка на блог

В Телеграме помимо ссылок на заметки делюсь околодизайнерскими наблюдениями.

В Твиттере помимо ссылок на заметки пишу всякую чушь.

В Тумблере и Же-же есть автоматические трансляции. Если не работает, напишите мне: ilyabirman@ilyabirman.ru.

По РСС и Джейсон-фиду трансляции для автоматических читалок

Процесс создания логотипа Драйвинг-тестов. Часть 1

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

Сегодня — о начале проекта и первой неделе работы.

Клиент приходит за логотипом для сайта подготовки к экзамену на права в Штатах. Но зачем сайту логотип? В ходе разговора выясняется, что клиент хочет, чтобы логотип был у людей в голове и ассоциировался с качественной подготовкой к экзамену. Но люди сдают на права раз в жизни, возвращающихся клиентов не бывает. Офлайна тоже никакого нет. Непонятно, как логотип будет кого-то приводить, если те, кто хоть раз его видели, уже не нуждаются в услугах сайта. Клиент говорит, что у людей должен быть повод рассказать о сайте другим, в том числе после того, как тест уже сдан. Чтобы человек на вопрос «А ты как готовился?» мог вспомнить сайт, а не просто говорил, что «нагуглил какие-то тесты».

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

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

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

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

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

Идея нравится. Улаживаем формальности, начинаем работу.

Сначала смотрю, что вообще бывает в мире автомобилей: знаки, дороги, машины. Пытаюсь составить из букв D и T что угодно автомобильное. АКПП с выбранной D и галочкой, какой-то руль из букв D и T, дороги-развязки:

Вспоминаю про щиты с американских дорожных знаков.

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

Пробую поставить какую-то конструкцию в упрощённый щит-знак (чтобы без воинственности):

Кажется, что что-то тут есть, но пока не знаю, как ещё запутать D и T. Хочется из них сделать развязку, но острые углы для этого не годятся. Галочка — как символ сделанного дела и сданного экзамена.

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

Вроде что-то тут есть, но пока непонятно, что именно. Марафон вроде прикольный, но на развязку не похож. Да и уровни скучные.

Иду изучать, какие бывают развязки:

Самые симпатичные и архетипичные — клевер и турбина. Круговое движение просится на знак самых простых тестов.

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

С ромбом вроде интереснее: его форма дружит с тем фактом, что дороги уходят в четыре стороны. Постепенно вырисовываются три уровня:

Надо будет только все тени честно прорисовать. Но что делать с марафоном и режимом экзамена? Марафон должен быть каким-то бесконечным по смыслу, но клевер в средних тестах — и так бесконечность в квадрате, куда ещё бесконечнее-то?

Думаю, что не обязательно пытаться изображать что-то реальное. Смотрю на всякие красивые узоры:

Иду за помощью к математике. Нахожу формулу, которая рисует розочки разной сложности:

Вроде симпатичные, особенно вот эти:

Смотрю, что бывает ещё. О, фигуры Лиссажу:

Вариантик:

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

Отрисовываю всё почище, изображаю тени от дорог. Режим экзамена пока без знака, ставлю ему пока такой же, как у марафона:

Тени пока ненастоящие, просто по-быстрому накидал, чтобы оценить ощущение.

Не знаю, зачем, но можно так:

В режиме экзамена попадаются вопросы разной сложности, как в жизни. А в жизни развязки бывают какие угодно:

Придумываю насочинять какую-то несимметричную развязку:

Заодно получше рисую все тени от дорог (кроме марафона: там сложно, пока остаются левые тени). Вместо того, чтобы прямо отбрасывать тени от дорог, использую более графичный приём — «выкусываю» из нижних дорог те фрагменты, на которые падает тень от верхних.

Картинка эксперта круто смотрится сама по себе:

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

Тут я обнаруживаю странность. В экспертом знаке такая развязка, где можно повернуть с любой дороги на любую, но нельзя развернуться на своей же дороге. А на клевере можно:

Получается как-то нелогично. Эксперт-то круче харда, а чё на нём тогда развернуться нельзя? Добавляю ещё эстакад, перепроверяю все тени-выкусы:

Возвращаюсь к логотипу. Теперь вроде точно надо его сплести из дорог, чтобы всё со всем подружилось. Пытаюсь какую-то построить эстакаду или что-то такое:

Может, нужно просто галочку поставить и будет нормально?

Пробую какие-то ещё версии. Это как бы кусок карты, на которой нарисован перекрёсток:

Непонятно, почему карта в форме буквы Д. Форма есть, смысла нет.

Ещё что-то:

Вроде D над T смотрится круто. Пробую поставить на фон из американских дорожных знаков и подвигать по-разному, добавить стрелочек:

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

Вариант с галочкой:

Ну хз.

Из строчных букв развязку сплести проще, но галочка не отпускает:

Ещё была версия сделать букву D из сложного переплетения дорог:

Ничё хорошего из этого не вышло.

Где-то сбоку от холста появляются такие галочка и крестик для теста:

Фиг знает, это потом.

Вариантов накопилось порядочно:

Решаю, что в качестве логотипа надо нести развязку из строчных d и t. Цвет и шрифт пока какие попало, хотя мне начинает нравиться этот зелёный. Но пофиг, надо разобраться с тем, подойдёт ли идея.

В итоге показываю клиенту такой набор на первой презентации:

Типа постеры:

Типа футболки:

Просто:

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

Записываю разные замечания и сомнения и отправляюсь думать и исправлять.

Если будет не влом, продолжение последует.

Подписаться на блог
Поделиться
Отправить
Запинить
 1346   6 сентября   портфолио   процесс
3 комментария
Magdalen Jennings

Не прошло и года

Nikita Kachaev

Где-то я и до этого писал Илье, но и тут отмечусь: непонятно почему заглавная картинка пошла рваными пикселями.
Кстати, видео на тему безумных развязок: https://www.youtube.com/watch?v=EADGDDSDCn0

Илья Бирман

Картинку вроде починил.

Svetlana Vishnevskaya

Хочу продолжение

Популярное