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

процесс

Позднее Ctrl + ↑

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

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

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

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

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

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

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

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

Лукрум

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

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



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



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



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


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


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


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

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

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



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

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

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



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



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



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



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



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



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



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



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

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

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

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



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



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



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



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

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

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

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



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



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



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



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



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



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