иконографика литрес: how it started, how its going

сдерживаю обещание - для истории и потомков оставлю это здесь, кейс-то интересный.

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

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

хотя на кое-каких поддоменах еще и в то время встречалась его более ранняя версия:

а оранжевый цвет в лого еще не был оранжевым:

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

кстати, "один клик до книг" в качестве слогана и тэглайна оказался на удивление живучим (живУчее, чем первый вариант - "один клик до самого интересного").

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

двоеточие после литреса, которое, по некоторым данным, по задумке представяло смайл - эмотикон "C:" (как к нему ни относиться, особенно в английской транслитерации, где оно образует странное "S:") органично вместило все модификаторы и саббренды:

• litres: touch
• литрес: самиздат и литрес: издательство
• литрес: абонемент и литрес: подписка
• литрес: библиотека и литрес: школа
• конечно же литрес: читай! и литрес: слушай!

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

***

так вот, приложения и их иконки, поехали.

первый релиз вместе с командой unreal mojo (Слава, привет! :) имел вот такую иконку (с буквой Л как на фавиконе сайта) и пропагандировал все тот же клик до книг:

в андроиде (а может и чуть позже в иос, уже не помню), надпись начала отбрасывать тенюшку:

приложение, естественно, называлось, литрес; про аудиокниги мы тогда думали не очень конкретно (релиз аудикнижного приложения состоялся через год, в 2012-м), и когда новое приложение уже должно было вот-вот испечься, совершенно натуральным показалось переименовать первое приложение в "Читай!", а новое назвать "Слушай!"

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

никто в компании не обламывался брать в руки gimp и начинать творить (как вспомню вариант - "берешь у пиратов?" - так вздрогну).

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

о, это был самый тяжелый релиз на моей памяти, читай 2.0, в ходе которого мы наступили на все грабли и появилось понимание, что мобильную разработку окончательно надо тащить инхаус (правда от понимания до окончательного инхауса прошли годы).

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

***

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

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

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

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

других читателей у меня для вас нет.

после всех перипетий надеть для приложения слушай на книжки наушники было делом чести (и минимального времени):

литрес: слушай! чуть было не вышел сразу в темном варианте, плюс я всегда топил за встроенный книжный радиострим или ad supported "слушай: бесплатно", и плеер даже мог выглядеть вот так (но нет):

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

дальше нас прорвало. у нас была:

• своя оболочка для андроида (киндл файр не давал покоя):

• litres: sync (это мы в какой-то момент придумали iTunes для книг для синхронизации библиотек на любых ридерах и планшетах), уже не помню с какой иконкой, но гуй был вот такой:

• через какое-то время родилось библиотечное и школьное приложение и его более флэтовый осовремененный и строгий апдейт:

• ну конечно ридеры литрес: touch - тут мы первый раз серьезно задумались об английском написании литрес и выборе названия:

• смешно, что в тот момент, когда партия устройств уже была произведена и ехала с тайваня, амазон релизнул свой первый киндл с тачем, который назывался, кхм, kindle: touch да еще и написал touch почти тем же шрифтом:

• по ходу дела изготовили приложение flybook для вендора смартфонов fly (ух, это еще смешнее - как дать всем понять, что это литрес, без бренда литрес - wassup haters и боги брендинга):

• а было еще и детское приложение:

• где-то по дороге майкрософт выпустил windows phone 7. уж не помню чем мы подумали, но иконка почему-то получилась такая, скрижали моисея:

• к windows phone 8 мы сделали все еще более по-другому и стали первым (и кажется на какое-то время единственным) приложением в россии, которое предустанавливалось на люмии.

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

интерфейс у мобильной винды был огненный, тоже флэтовый, и я до сих пор очень жалею, что MS не удалось додавить тему с этой мобильной ОС, на фоне walled garden apple и кадавра в виде андроида; WP8 мне лично очень нравилась и казалось, что она развивается в очень правильном направлении:

• маленькой звездочкой сверкнули и погасли приложеньки для нокиа s40, firefox os и т.д.:

• на основе самой первой иконки литреса родились книги смс (!) - я сам уже слабо помню, что это:

а, еще же был духовный наследник книг смс - читай бесплатно! и его командос.

сначала его иконка выглядела как у обычного читая но с ленточкой "бесплатно".

но потом мы решили немного увести его от основного бренда и нарисовали усы (носи усы, носи не ссы). хотели еще переименовать приложение в "просто читай", сокращенно - ПЧ, но не успели:

ну и где бы мы были без нашей книжной игры - книгоеда? до сих пор работает, кстати, при нулевой поддержке. вот муки творчества в изобретении маскота:

кстати, выход уже десктопной windows 8 и ее планшетной инкарнации с их тайлообразным интерфейсом натолкнул нас на множество идей, на которых было основано сначала приложение под windows 8, а потом и главная страница литрес, которая, при всей кажущейся странности, по концентрации смыслов, считываемых пользователем, до сих пор бьет многие интерфейсы:

в период повального увлечения флэтом был еще и вот такой ультра-флэт вариант иконки (интерфейс приложения соответствовал) - я даже не уверен, что таким успел побывать читай! или только слушай!:

он просуществовал недолго, мы быстро признали что флэта было too much, и вот тут уже родился пра-текущий вариант приложения (полностью инхаус) и иконок, которые до сих пор свежи, как ветер, дующий с вершины фудзи:

собственно, аудиокниги начали переезжать в основное приложение, которое смело переобозвали в "книги!" (что такое литрес, уже никому не надо было объяснять), ну а слушай пока живет.

такие дела. теперь вы официально прокачаны.

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

остальное, как говорится, уже история.