16 заметок с тегом

про клиентов

«Дело в сайте» прощай

В феврале этого года мы завершили сотрудничество с интернет-агентством «Дело в сайте».

За полтора года сделано 4 проекта и много сопутствующих задач. Это были интересные проекты, главным их плюсом было погружение в вопрос интернет-магазинов.

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

Предварительных договорённостей у нас не было, поэтому мы публикуем работы в полном объёме.

На нашем сайте проектов, заказанных «Делом в сайте» не будет, но они есть в портфолио на Ревижене: Тачес, Биг-бонус, Клобер и Балтик супер тревл.

2013   веб   мы сделали   принципы   про клиентов   работа

«Быстрый и эффективный дизайн»

Есть видео с лекции в БВШД, в котором прекрасный Людвиг учит, что идея стоит ноль и дизайн следует делать быстро (суть: 8:30—11:05).

К этому видео есть свежий пример из практики.

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

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

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

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

Нам повезло с адресом: он оказался коротким (7 букв с зоной) и симпатичным.

Быстро, просто, эффективно и бесплатно — клиент счастлив.

2013   лучше так   метод   про клиентов

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

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



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



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



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



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



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



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



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



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

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

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

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



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



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



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



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

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

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

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



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



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



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



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



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



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

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

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



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



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



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



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



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



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



Готово:



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

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

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

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

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

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

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



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



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



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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обложки брошюрОбложки брошюрОбложки брошюр
Обложки брошюрОбложки брошюрОбложки брошюр
2012   графдизайн   иллюстрация   мы сделали   про клиентов

Классификация логотипов по внешним признакам

Готовя письмо клиенту, составил не хитрую классификацию логотипов (по внешним признакам) для обозначения границ того или иного решения. Получилась такая подборка:
1. «Модернизация»
PZU, Pitchfork, Girl Scouts

2. «Голый текстовый»
District, Tu, Pigmentpol, PhotoGraphika, Pino, Maaemo, Blip (этот так же хорош как пример «Модернизации»), Omami, Мысли, от Студии Лебедева: Est!, Кабинет, Ancor, Empils

3. «Леттеринг»
Dodge & Burn, леттеринг от Сергея Шапиро, Tahoe South, Milliken, от Студии Лебедева: Main Passenger Club

4. «Знак в тексте»
Примеры: Nooka, JCPenney, Hemtex, FBTO, Fedex, от Студии Лебедева: RBE, ангар-бутик ОК, Emex

5. «Знак + текст» (Похож на пункт «картинки + текст», но не так сложен графически.)
Entry, The Ranch at Live Oak Malibu, Czech Statistical Office, NTT Security, от Студии Лебедева: Контур, Chronus

6. «Картинки + текст»
Autentika, Star Creative, Mohawk, JoySteek, Extensis, Mareiner Holz, Nourish me well, Rubi, от Студии Лебедева: Одессы, Good Walk, Ридус

7. «Трансформер» (Порой заменяет фирстиль.)
City of Melbourne («лучший трансформер всех времён и народов»), Reading is Fundamental, EDP, T-Platforms, Ideo Architekci, Stein & Otto (мини-трансформер), IBM Smarter Planet (перетрансформер), DAK, OKAD U, Laptopscope

8. «Геральдика»
Government of Chile, Hudson’s Bay Co., Metrio Coffee, 7AE (не совсем геральдика, но грунт похож), геральдика от Дениса Башева (тут не всё геральдика)
Может я что-то упустил? Может что-то перепутал? Буду рад замечаниям.
2012   графдизайн   логотип   про клиентов
Ctrl + ↓ Ранее