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

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

процесс

Создание логотипа «Дизайн-снепера»

25 февраля 2015, 17:22

Этот проект особенный, впервые клиентом был дизайнер интерфейсов, бюрошник Николай Товеровский.

Николай предложил «Дизайн-снепер» для эксперимента «Бесплатный логотип». Задача выглядела сложной, неподходящей для нашего эксперимента. Тут было не обойтись без согласований и вариантов. Мы предложили сделать полноценный проект на 11 дней.

Вместе с Николаем составляем схемы:

Думаем:

Первой идеей была искра. Собираем и презентуем:

«Острая сопля», — говорит недоумевающий клиент. Единственная принятая идея — динамический шрифт.

Второй подход затягивается. Николай присылает письмо:

Договариваемся, что воспользуемся этой идеей, если не предложим ничего привлекательного в срок. Момент жёсткий: переживаем, что подведём клиента.

Итоги второго подхода собираем в таблицу и проставляем баллы. Победителя и серебряного медалиста готовим к презентации:

Клиенту нравится идея сачка, но просто сачок — это скучно и далеко от тематики скриншотов, ай-ти и пикселей. Нужен «нео-сачёк» для пикселей.

Чтобы усилить эффект, клиент предлагает расширить шрифтовую гамму до всех существующих шрифтов. Выбираем выразительные:

«Квадратный» сачок — шаг в правильном направлении.

Несколько подходов — всё не то. Клиент: «Не хватает связи с продуктом, с тем что он делает».

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

И вот сачок мутировал — он научился кадрировать:

Конструкции знака не хватает прочности. Финальным аккордом стали тени, которые разделили линейки кропа и позволили не разрывать форму:

Находим фавиконку:

Проект в портфолио

10-граммовая упаковка «Чаши тепла»

8 января 2014, 22:25

Готовы новые 10-граммовые чайные коробочки (версия 2.0). Эволюция:

Первая версия собиралась без нас из подручных материалов «на коленке» :-) На неё ребята из «Чаши тепла» получили положительные отзывы.

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

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

По плану фольга клеилась изнутри. Выглядело это хорошо, но упаковка чая превращалась в пытку.

Вторая версия решила ряд проблем:

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

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

  • прямые скосы (жёлтый макет) были слишком низкими — чай просыпался;
  • выносы (ЛВУ) занимали всю полость коробочки — объёмному чаю не хватало места;
  • ровные окружности (ПВУ) сработали лучше всего.

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

Инструкция и условия:

Фраза, авторства Артемия Лебедева, отлично подошла чаю:

Пробную партию отпечатали на бумаге «Вудсток Битулла» на цифровой машине. Офсетом в один пантон будет качественнее и дешевле.

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

P. S. Заметка о прошлой версии

P. P. S. Смотрите небольшую серию фотографий в группе во Вконтакте:

Создание логотипа «Бабл фарма»

13 декабря 2013, 17:23

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

Один из основателей компании и ведущий проекта со стороны клиента — Алексей Черновой. Вместе мы работали над оформлением фестиваля «Сан-арт».

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

Клиенту нравятся персонажи в логотипах, он предлагает нарисовать мыльце. Эскизируем:

Хотим многовариативный логотип из названия, знака, расшифровки, лигатуры и подписи «основано в 2013». Подбираем варианты расположения элементов в логотипе. Цель — найти конструкцию, поэтому для скорости пренебрегаем оформлением (достаём милый сердцу Гарамонд, не смотрим на разрядку и прочее):

Ищем как лучше соединить «B» и «F»:

Создаем эскизную форму лигатуры, доработаем потом в зависимости от шрифта:

Рисуем много букв:

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

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

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

Видим каким должен быть шрифт — рисуем:

Собираем векторный эскиз логотипа:

Презентуем:

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

Находим новые образы: фермерская лейка, поливающая мыльными пузырями и «толстый» пузырь в ванне:

Лейка загадочней, переводим её в вектор:

Совмещаем с одобренным шрифтом. Лейка и шрифт стоят отдельно друг от друга или композиция получается слабая:

На этой стадии важно найти интересный образ. Быстро соединяем шрифт с лейкой, грубо режем буквы:

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

Клиент рад. Приступаем к чистовой версии. Экспериментируем с формой ванны и густотой травы:

Ищем компактную шрифтовую композицию, которая уютно расположится в мыльном пузыре (попутно «играем» с новыми начертаниями):

Укладываем полюбившиеся клиенту буквы в пузырь:

Пришло время лигатуры:

Презентация. Основной цвет — яркий «чистый» голубой:

Проект в портфолио, на Беханс и Ревижене.

Комменарии:
Елена Базу
Очень круто получилось!

Никита Козин
Бимо! А серьёзно: полный логотип — приятный монстрик, нравится. Чуть-чуть смущает полноцветный вариант, плашечный лучше. И ещё проваленная «a» во втором слове тоже немного смущает.

Илья Харитонов
Очень круто, яростно плюсую :-)

Создание логотипа для кафе «Веранда»

11 ноября 2013, 14:22

Летом знакомые дизайнеры из Риги оформляли кафе-террасу в Твери и предложили нам сделать логотип по утверждённому эскизу.

Проект не для портфолио, но на его примере удобно рассказать о тонкостях процесса.

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

Сначала изучаем птичек:

Грубо лечим птичку в Фотошопе и утверждаем у ребят (они общались клиентом и вели проект):

Параллельно подбираем шрифты:

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

Выбираем подходящие варианты символов и собираем единую надпись:

Оптимизируем название:

Собираем и показываем логотип:

В целом всё хорошо. Ребятам не нравятся «осенние» цвета. Они замечают, что угол наклона буквы «f» не совпадает с углом корпуса и хвоста колибри, за что им спасибо. Менять угол наклона элементов букв сложно и опасно, а вот повернуть птичку на 7° легко.

Пришло время разобраться с пёрышками:

Ищем цвета:

Меняем фиолетовый на молочный шоколад. Упрощаем одноцветный вариант. При тестовой печати видим растекание краски около мелких элементов. Правим.

Готовим и отдаём все цветовые версии (полноцвет, пантоны, плёнки):

На основе гарнитур: Утопия и Бикхам-скрипт

Сан-арт

29 мая 2013, 20:08

Мы сделали логотип и оформили печатные материалы для фестиваля «Сан-арт», проходящего на Бугазской косе Чёрного моря (Краснодарский край). Фестиваль ориентирован на творческих людей. Он для тех, кто хочет хорошо отдохнуть и многому научиться. Основная часть программы — это мастер-классы по фотографии, йоги, винд- и кайтсёрфингу.

Началось с того, что ребята из «Пиплз» зимой 2012—13 года организовывали фотоконкурс в Петербурге, где Алексею Черновому нас порекомендовали знакомые. С этим проектом мы не сошлись в цене, но клиент про нас узнал, ему понравился уровень и стилистики наших работ.

Когда пришло время оформлять «Сан-арт», Алексей связался с нами. Его интересовал полноценный фирменный стили с участием наших персонажей.

Бюджет был маленький, и целый стиль в него не укладывался. Опираясь на опыт «Школьной страны» мы рассчитали, объём, который можно успеть и предложили клиенту.

Скажу сразу, что в этом проекте мы не выдержали напора времени — проект занял немного больше, чем было оплачено. Да, можно было уменьшить объём работ, что-то упростить, но, поскольку до сдачи в печать (реальный дедлайн) было больше двух недель, мы договорились о бесплатном увеличении срока. Это решение облегчили полное доверие и ответственность со стороны Алексея и наша симпатия к культурным мероприятиям.

Процесс создания

Начинаем с логотипа. Идея сделать буквы в логотипе в виде чего-то относящегося к теме приходит сразу. Все эскизы уместились на листе А3:

Переводим в вектор, ищем заполнение «S», пробуем пальму для «Т», но отказываемся — импортная и несуразная слишком:

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

Презентуем и утверждаем:

Приступаем к персонажам. Их четверо, по одному на каждый мастер класс: фотограф, йог, кайт- и виндсерфер. Эскизные позы и прорисовка:

Карандашная картинка сканируется, чистится и печатается в увеличенном масштабе. За дело принимаются линеры и маркеры:

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

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

Как только билет окреп, возобновилась работа над персонажами:

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

Тем временем понимаем, что двое из четырёх героев получались тюфячками — правим:

Где-то тут становится понятно, что не успеваем. Времени не хватало на финальные чистку и колорирование двух персонажей, потому что мы рискнули, выбрав трудоёмкую стилистику персонажей.

Верстаем баннер для оформления задней стенки сцены:

Утверждаем персонажей, билеты и баннер. Готовим файлы для печати.

Алексей просит ещё сделать листовки и наклейки. Договариваемся о доплате, верстаем «по накатанной» и сдаём.

Гарнитура — Новито.

Проект в портфолио плюс Беханс и Ревижн для голосующих.

Школьная страна

23 мая 2013, 18:13

Мы сделали логотип для магазина детской одежды для школы и отдыха «Школьная страна».

Основной продукт — школьная форма. У компании своё швейное производство, на что тонко намекает знак. Клиент пожелал сохранить цветовую гамму, которую используют с основания.

Этот проект дал нам уверенность, в работоспособности ФФФ. С этого года мы экспериментируем с этим методом (спасибо Бюро). У рабочего дня есть фиксированная стоимость. Проанализировав задачу, мы считаем сколько их понадобится и говорим стоимость. Если успели раньше — клиент тратит меньше. Если не успеваем, совещаемся с клиентом, что упростить или увеличиваем количество рабочих дней.

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

Итого получилось: два дня до презентации решения и ещё почти день на полировку и подготовку упрощённых вариантов.

Скромный рабочий файл:

На основе гарнитуры — ПТ Моно

Комментарии:
Тереньков Павел
Привет! Лично мне не понятен образ, что за рулон с обоями? И дизайн сайта будет?

Дизайн-группа «Кипо»
Павел, вы — молодец! Обратили внимание на недочёт: в описании проекта указано, что у компании есть своё швейное производство (в знаке — рулон ткани), но в блоге об этом ничего нет. Спасибо. О сайте информации нет.

Лукрум

24 ноября 2012, 15:29

В декабре 2011 мы начали работу над мебельным интернет-магазином для дизайнеров интерьера. Основными фишками магазина должны были стать некрупные предметы (стулья, столы, свет и аксессуары), стиль, актуальность, именитость авторов мебели и конкурентные цены. Проект так и не запустился, и у нас остались интересные картинки, которые смотрятся хорошо и в 2012-м.

Всё началось с названия. Мы предложили четыре варианта (по два на английском и русском языках):

Победил «Lookroom». Затем сделали два варианта логотипа:

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

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

Главная (1024 и 1920 пикселей по ширине)

Выпадающее меню и детали при наведении на объект

«Всплывашка» с контактной информацией

Теперь хорошо.

Отдельно хочу показать переключалку сортировки — она получилась супер-отмороженной. У меня ушло секунд 30, что бы вспомнить что к чему. Но на неё точно бы все нажимали, точно бы поняли и точно бы запомнили — сайт-то для дизайнеров :)

Проект остановился после утверждения главной.

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

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. Ссылка на заметку, в которой все обложки большого размера.

Ctrl + ↓ Ранее