Новости дизайн-группы «Кипо» РСС

о рабочем процессе, общении с клиентами и новых работах
9 заметок с тегом

про клиетнов

Создание обложки для брошюры «Анлимитед хостинг из нот анлимитед»

28 августа 2012, 1:06

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

Да здравствуют картинки из интернета: мифы, черепахи, слоны и горы!

Композиция обещала быть сложной, поэтому мы сражались с ней на бумаге карандашом:

Отрисовываем скан, ищем шрифтовую композицию, отправляем клиенту:

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

Клиент говорит, что это «померание». Не нужны ни закат, ни рассвет, ни тайна мироздания, нужны яркие цвета и солнышко. Появляются облака и пена.

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

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

Эта обложка стоила на 6% дешевле, а торги начались с 20%. Клиент объяснил: бюджет уменьшен сверху, текущая цена — максимум для последующих обложек, и возможно её уменьшение (на те самые 20%). Мы предложили пропорционально упростить картинки: будем показывать идеи, реализация которых занимает меньше времени, и сократим число итераций — клиент ничего не ответил. У нас появилась работа, оплачиваемая лучше, и мы решили не начинать (или не продолжать) переговоры.

P. S. Ссылка на заметку, в которой все обложки большого размера.

Cоздание обложки для брошюры «ВДС-хостинг хау-ту гайд»

24 августа 2012, 19:09

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

Собираем картинки с профильным изображением верблюда в полный рост и тюками:

Начинаем отрисовывать, пробуем разные композиции. Поняв, что имеющихся картинок с тюками мало, рисуем руками и за отсутствием сканера фотографируем на Айфон:

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

P. S. Ссылка на заметку, в которой все обложки большого размера.

Создание обложки для брошюры «Веб-сайт мирор гайд»

23 августа 2012, 9:23

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

Сначала были эскизы. C первого захода покорить высоту не удалось, а вот вторая идея попала в десятку — клиент не скрывал радость:

Картинка, на которую можно подглядеть, была всего одна, и та с Айстокфото. Надо было выдумать как может «выглядет» подлодка с перископом.

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

Теперь нужно превратить невзрачный скан в конфетку. Отражаем картинку, чтобы перископ смотрел «в будущее». Все элементы вырезаются на отдельные слои для коррекции цвета, местоположения и главное — для разглаживания поверхности (Surface Blur) без повреждения границ форм. После добавляем векторных пузырьков и бликов.

Клиент в восторге, но и тут есть «но». Нужно добавить глазу зрачок и найти другое шрифтовое сочетание. Лепим глаз и готовим десять вариантов шрифтов на выбор.

Клиент выбирает шрифт и просит сменить имя автора и ещё немного поработать с «белым» участком. Правим.

P. S. Ссылка на заметку, в которой все обложки большого размера.

Cоздание обложки для брошюры «Бук оф имеилс»

21 августа 2012, 16:18

Эта обложка была настоящим долгостроем. Начинаем с идей:

Клиент выбирает вариант с грибами и мы, собрав кучу картинок грибов, начинаем рисовать:

email_process_02.jpg

Комментарии: 1) цвета тухлые; 2) грибов мало (на эскизе обещалось больше); 3) типографика ни к чёрту; 4) съедобный гриб недостаточно заметен — может, посадить на него божью коровку, а на несъедобный — червячков и гниль; 5) избавиться от «волосатости» линий, имитирующих карандаш, (про это я уже упоминал в заметке про первую обложку). Это была последняя обложка, в который мы пытались сохранит единообразие.

Клиенту хочет: 1) увеличить грибы; 2) уйти от деления на две зоны; 3) сменить «грязь» под грибами на травку; 4) сделать иллюстрации более реалистичными. Мы ненадолго возвращаемся к первой и второй обложкам, чтобы отвлечься и придумать как нам быть с картинки, которые нам прислал клиент в качестве референса желаемой реалистичности:

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

email_process_06.jpg

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

Клиенту нравится. Дорабатываем траву, ищем подходящее сочетание шрифтов и меняем автора:

Готово:

P. S. Ссылка на заметку, в которой все обложки большого размера.

Cозданиe обложки для брошюры «Калькулейтинг селерис ин Гугл-докс»

20 августа 2012, 16:43

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

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

Эскиз принимается на ура и мы начинаем с варианта в стилистике обложки с дятлом:

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

Комментарии: 1) костяшки похожи на бобы и их всё ещё мало; 2) упразднить карандашные линии, как стилеобразующий элемент; 3) попробовать привнести «деревянности», шероховатости и реалистичности материалам. Берём картинку с текстурой дерева из интернета, переводим её в вектор и добавляем к освещённым частям рамки и костяшек.

Костяшек всё ещё не достаточно — нужно ровно по 10 на каждой спице, как в настоящих счётах и не плохо было бы обозначить серединные костяшки-разделители. Это единственная обложка, на которой осталось имя автора, а не «псевдоним группы».

P. S. Ссылка на заметку, в которой все обложки большого размера.

Cозданиe обложки для брошюры «Веб-хостинг баерс гайд»

7 августа 2012, 10:57

Заметка, которая презентует обложки, не совсем полна: я забыл упомянуть, что брошюры полностью на английском, они только электронные, а основная территория распространения  — США.

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

Клиенту нравится идея, не нравится шрифтовая работа и обилие деталей на заднем плане — правим — останавливаемся на вариант с баблом:

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

Возвращаем карандаш и бабл — с ними живее. Меняем приоритеты в названии:

Новости от клиента: используем только шрифты с открытой лицензией и вместо имён авторов пишем «коллективный псевдоним». Горячо любимый «Гилл Санс» заменён на шрифт молдавского происхождения «Скола» (Skola Sans):

Обложки брошюр

9 июля 2012, 21:31

Продолжаем разбирать зимние труды. В феврале нашими задачами были три обложки, а потом ещё три на март и май. Показывать решили вместе.

Обложки заказала компания «Ви кен транслейт» (WeCanTranslate.com). Это были интересные задачи — мы узнали немного нового о работе и устройстве разных услуг в веб-сфере. Работали с клиентами удалённо: 2-3 звонка по Скайпу, а остальное — сообщения в Бейскемпе. Переписка мега-полезна — она учит доходчиво формулировать аргументы в сжатые сроки, плюс всегда есть на что сослаться. Руководитель проекта был строг с теми, кто писал как попало, не следя за грамотностью, пунктуацией и стилем — тоже классно.

Сравнивать мне не с чем, но сам Бейскемп показался мне топорным, не «эргономичным» (бесконечная резина в блоках с большим количеством текста), но у него простая структура, что мне позволяло не потеряться.

Все обложки рисовались в векторе, кроме «пластилиновой». Подробный процесс будет в отдельном посте.

Создания стиля бильярдного клуба «Русскiй»

5 января 2012, 19:47

Пост мега длинный и за пару секунд его не осилить. Рассчитывайте силы :-)

Московский бильярдный клуб «Русскiй» является первым совместным проектом молодых ребят — больших любителей поиграть в эту настольную игру. В клубе 7 столов, преимущественно двенадцатифутовых для  русского бильярда. Для клуба мы сделали логотип, первый пакет бумажных носителей, немного наружной рекламы и промо-страничку в сети. Но обо всём по порядку.

Сначала было слово. Опыта в нейменге у нас немного, но это занятие нам очень импонирует, поэтому мы не упустили возможность и предложили своё решение.

Первая презентация названия

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

Вторая презентация названия

Клиент вдохновленный написанием слова «Кiй», сам придумал название «Русскiй», дабы акцентировать внимание, на преобладании в клубе аналогичных столов. Такое решение видится нам не удачным, так как, с одной стороны, это название звучит слегка националистично (особенно в Москве с её процентом приезжего населения), а с другой, его написание, неминуемо отсылает нас к Древней Руси (именно так это слово тогда писалось) или к Белорусскому написанию, что совсем не кстати. Мы озвучили наши сомнения, но клиент настоял на своём, оставшись уверенным, что большинство увидит только «i», а национализма никто не заметит, ведь бильярд-то «русский».

UPD: После этой части мы просили проголосовать за название. А при желании, объяснить в комментариях свой выбор. Результаты:

BallBar (Ball Bar, Ballbar) 3
БолБар (Бол Бар, Болбар) 0
Green Keeng 2
Лисий нос 9
Looza 6
Трик Стик (Трик стик) 1
Кручёный 3
Шаровая 1
Кiй 8
Русскiй 1
Всего проголосовало 34

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

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

Параллельно работаем над шрифтовой частью логотипа:

Первая презентация логотипа

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

Клиент, убедившись в том, что текст + кий + шары получается скучно, сказал что первый вариант нравится больше, только от медведя бы избавиться. Какое-то время обсуждаем, что же такое может там быть, относящееся к пабному гербу, клубу, бару и не конфликтующее с названием «Русскiй». И предлагаем сделать двуглавого дракона, глубоко внутри скрывающего русского Змея Горыныча, который, как и его предшественник, держит кий. Идея, утверждённая на словах с клиентом, начинает обретать физический облик. Времени остаётся совсем мало, поэтому быстро собираем картинки старых драконов, змиев и прочих гадов по теме, разбираемся с формой, презентуем первого дракона:

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

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

Логотип готов. У него есть несколько цветовых схем и компактная версия с уменьшенным драконом:

Переходим к носителям. Делаем листовку с картой:

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

На основе листовки собираем штендер и спичечный коробок:

Работаем над призматроном:

И наконец готовим промо-страничку rus-kiy.ru, с деревянной таблицей цен, «картой земель» и фотографиями, которые, кстати, листает Фоторама:

Комментарии:
Денис Талала
«Лисий нос» — чудный вариант.

Сергей Сурганов
Единственная находка — это форма визитки. Остальное — пошло и безвкусно.

Павел Дьячков
Дракон притянут за уши. Остальная атрибутика — паб, да и только. К дракону и оформлению лучше бы подошло название «Зеленый змiй»

Андрей Басюк
Классная работа, ребята! Визитка чудесная, дракон прикольный, логотип — мне нравится.

Создание логотипа «Фьюжен + Керамика»

12 сентября 2011, 14:26

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

Клиент пришёл со словом «Фьюжен» и неуверенностью в том, что это то название, которое им нужно. Мы предложили сделать ещё парочку названий, чтобы клиент получил взгляд извне и примеры для сравнения. Из придуманных были: Overlay, Tilex, Terramix (Террамикс), Открытое пространство, Pottery (Поттери), Bitmix, Smartarea. Часть из них уже существовали, часть показались менее сильными и клиент увидел вот эти:

Несмотря на «Форд», клиент счёл, что первоначальный вариант лучше, а потом добавил ему ещё «керамику» и получилось «Фьюжен-керамика».

Пришло время начинать работу над логотипом:

Первая презентация:

Решая вопрос с дефисом в названии и написанием его в две строки и, что могло бы существенно сократить длину логотипа, мы наткнулись на сочетание «Фьюжен + Керамика», которое было сразу принято клиентом.

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

После второй презентации всё стало немного сложнее, так как не было удовлетворения результатом, а причины этого формулировались очень размыто. Доподлинно установили: а) новые шрифты не подходят — оставляем первоначальный вариант; б) нужно больше разных подвариантов; в) жёсткость никуда не делась — нужно как-то более изящной делать форму; г) возникает сомнение о наличие «+».

Принялись за третью и четвёртую итерацию: пробуем с «и» вместо «+», добавляем подстрочник (пора посмотреть, как логотип будет выглядеть с ним), пробуем сгладить форму двумя способами: скруглить углы и заменить прямые на дуги плюс пробуем новые, теперь более простые варианты узоров:

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

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

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

Дорабатываем и готовим материалы к передаче клиенту: