Кто клиенты Турбомилка? Как Турбомилк работает «изнутри»? Чем Турбомилк отличается от веб-студий? На эти и многие другие вопросы ответил руководитель компании Егор Гилев (yegorg) в ходе online-конференции фестиваля веб-разработчиков «404». Вопросы были заданы посетителями сайта конференции. Уверен, что это коллективное интервью будет интересно владельцам и менеджерам веб- и дизайн-студий или тем, кто только хочет открыть свою студию.

Андрей Лисицын: Расскажите как вы начинали, как появился ТурбоМилк? Какие сложности были в начале работы студии, как их преодолели? Где вы учились и как пришли к дизайну?

Егор Гилёв: Турбомилк появился из коворкинга. Правда, тогда еще не было такого слова. Во всяком случае, мы его не знали. Мы просто собрались вместе и начали фрилансить не сидя по домам, а в общем офисе. Знаете, со студиями дизайна как часто бывает. Сперва основатель придумывает название. Потом делает сайт-визитку студии. Иногда с фальшивым портфолио. Находит заказчиков. Привлекает помощников. И, наконец, через какое-то время (иногда через несколько лет) снимает настоящий офис. Потому что мама ругается, когда клиенты домой звонят (или, боже упаси, приходят). Так вот, у нас все было наоборот: сперва офис, потом клиенты, первые большие совместные проекты, и уже после этого название, сайт, и все дела. Я сам учился-недоучился на кибернетическом факультете технического университета. А что касается дизайна, могу только детской художественной школой похвастаться. Для Турбомилка это довольно таки типичный случай.

Что такое перекрашиваемая иконка? Это такая картинка, которой легко поменять цвет, то есть её перекрасить. Есть несколько способов этого добиться. Я расскажу о простой технологии, которую мы использовали когда делали проект Иконза (по такой же технологии сделаны машинки для Автокадабры). По сути, это веб-приложение, которое позволяет пользователю менять цвет иконок, а потом генерирует необходимые графические файлы.

Например, мы хотим нарисовать перекрашиваемую иконку фолдера. Берем любимый векторный редактор и рисуем.

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

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

Мы начали мозговой штурм. Для начала выбрали ключевые характеристики нашего проекта: цветной, перекрашиваемый, изменяемый, полупрозрачный, гибкий. Долго вспоминали всяких животных и прочих существ. Вспомнили хамелеона, но сразу его отбросили, как не оригинального. Потом на ум пришли полупрозрачные гады. Например, медузы. Английское слово jellyfish мы отбросили как непроизносимое для русского человека. А вот слово meduza нам показалось интересным, только мы его превратили в meduzer. Это был первый рабочий вариант.

Бывает так, что для какого-то сайта или интерфейса или блога нужны иконки. Где их взять? Можно заказать у дизайнеров за деньги, а можно использовать иконки из бесплатных наборов. С дизайнерами и деньгами все более-менее понятно. Поговорим про бесплатные наборы иконок. Например, сайт или блог имеет какой-то особенный дизайн и трудно найти подходящие иконки. Или авторы сайта хотят, чтобы значки были эксклюзивными. Или, вдруг, нужны одинаковые иконки, но разных цветов. (всякое бывает)

Мы долго думали над всем этим и наконец придумали вот такой проект:



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

Чтобы научно-популярно объяснить, что такое Иконза и как она работает, мы сняли комичный скринкаст (лучше смотреть напрямую с YouTube):

Волею судеб делегация из трех турбомилкеров оказалась на конференции веб-разработчиков ReMIX 09. Конференцию проводит компания Microsoft в сотрудничестве с собственными партнерами. В этом году ReMIX стал более камерным — всего было 300 участников, против 1500 в прошлом, но это даже хорошо — было мало случайных людей.



Как и в прошлом году, мегазвездой конференции стал Стив Баллмер, который был весьма бодрый (как обычно) и рассказывал про замечательное будущее интернета. А особенно про богатые интернет приложения (RIA) и как он их любит. Кстати, интересный факт: на глобальной конференции MIX 09, которая проходила в Лас Вегасе, Баллмера не было, а в Москве он был.

В интернете есть очень много разных поисковых систем, например, iconfinder.net, которая по ключевым словам находит иконки. Случилось так, что к нам обратился создатель проекта Мартин Лебланк и захотел чтобы мы нарисовали логотип. Турбомилкеры очень обрадовались такому повороту событий и принялись за работу с должным рвением.

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


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


Но на MIX все оказалось довольно прилично и организованно. Три этажа гиков и дизайнеров, по 6-8 докладов одновременно. Все это работает как часы и все трезвые. :)

Прямо сейчас я нахожусь в Лас Вегасе на конференции MIX 09 и имею неземное космическое желание делиться новостями и фотографиями с мероприятия через Хабр. Что тут происходит? Конференция проходит в очень красивом отеле Venetian (более роскошной конференции я не видел), участники приехали из разных концов мира.


Открывал конференцию Билл Бакстон, который рассказывал о роли скетчей в промышленном и интерфейсном дизайне. Меня, как дизайнера, это очень порадовало — дизайнерские конференции бывают редко. Плюс, я до последнего не верил в «Дизайнерскую конференцию от Майкрософт». Кстати, среди стуфа, который дают при регистрации была книжка Sketching User Experiences.

Случилось так, что я — простой дизайнер из Самары поеду в Лас-Вегас на одну из главных в мире конференций для людей, которые занимаются вебом, дизайном и интернетом — MIX 09! Мне самому пока тяжело в это поверить, но я надеюсь, что доеду.

К чему это я? К тому, что обещаю оперативно постить фото и отчеты с конференции на Хабр. Что было в прошлом году можно посмотреть на страничке MIX 08 на flickr. А еще я был бы рад получить вопросы от хабралюдей, которые я бы задал докладчикам или какие-то поручения вроде «сфотографировать microsoft surface снизу». Еще обещают показать новое поколение устройств на Windows Mobile.

Картинка для привлечения внимания:

(это фото с прошлогоднего MIX, в этом году тоже обещают этих парней)

Меня иногда спрашивают: «А кем ты работаешь и чем ты занимаешься?». Я всегда очень этому вопросу радуюсь и начинаю рассказывать про визуальный дизайн интерфейсов, про иконки, юзабилити и юзер экспириенс. В большинстве случаев мой собеседник очень быстро начинает зевать и уже сам не рад, что спросил. Поэтому когда дело дошло до придумывания названия компании, которая занимается дизайном интерфейсов, то было решено придумать какую-то Легенду, чтоб было веселее и интереснее. У многих компаний есть Миссия, а нас будет Легенда.

С тех пор мы стали жить под лозунгом «UI дизайн с человеческим лицом». Такой подход дал нам много плюсов: мы выделяемся на общем фоне, нас легко запомнить, можно придумать много смешных метафор. Но есть и минус: не сразу понятно чем именно мы занимаемся. Но путь выбран.

К чему такое длинное вступление? К тому, что когда дело дошло до визуализации наших бизнес-процессов и нас получилось вот такое:

Если честно, то я не очень люблю посты-списки а-ля «Горячая десятка чего-то» или «50 самых лучших кого-то». Но почему-то такие посты очень любят читатели. И я понял почему. Писать эти тексты довольно трудоемко и не очень весело. Зато читатются они легко и увлекательно. Эту догадку подтвердила моя давняя статья "10 ошибок в дизайне иконок", которую тут приняли очень тепло. Не прошло года и я решил продолжить.

Многие думают, что дизайн интерфейсов — скучное, заумное и занудное занятие. Я попробовал взглянуть на эту сферу немного иначе и продемонстрировать, что дизайн GUI — иногда довольно веселая штука. Предлагаю вашему вниманию обзор/коллекцию 10 необычных метафор в дизайне иконок.

Визуальный дизайн приложений для iPhone — дело новое и довольно творческое, несмотря на жесткие стандарты, которые установила Apple. Предлагаю вашему вниманию краткий рассказ о том, как мы оформляли клиент для ЖЖ.



LiveJournal.app — бесплатный клиент Живого Журнала для Apple iPhone, который позволяет вам писать в свой журнал, а также отправлять и получать личные сообщения. Разрабатывает этот замечательный продукт компания CosySoftware. Нам было поручено нарисовать главную иконку и заставку по мотивам фирменного стиля LiveJournal.

Однажды компания Microsoft придумала технологию Silverlight. Потом появились люди, которым эта технология понравилась и они создали сообщество пользователей Сильверлайтер. Всем сообществам положено иметь логотип и сайт с красивым дизайном. Любители Silverlight — прогрессивные люди с развитым чувством стиля, поэтому кое-какой стиль их не устраивал. Случилось так, что на их призыв откликнулись дизайнеры студии Турбомилк.

Мы нарисовали набор очень милых и совершенно бесплатных иконок Лупоглазики. Если иногда вам кажется, что за вами следят, то это совершенно нормально. Не волнуйтесь — у вас нет паранойи. За вами, действительно, следят. Команда отборных Лупоглазиков уже вылупили свои глаза и очень внимательно смотрят. Вот, например, гипножаба.

Нам очень понравилось рисовать картинки для страницы 404 на Хабре и мы решили продолжить. Мы изобразили историческую встречу мозгового слизня и НЛО.



Некоторые, наверняка, возразят: «У слизня там нет рта! Он у него рядом с щупальцами». Но это наш слизень, мы его каким хотим, таким и рисуем! :) (не то чтобы мы хотели слизня… но… ну вы поняли)

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