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

наш дизайн

Как создавался плакат к «Интеллигентной барахолке»

В конце прошлого года «Интеллигентная барахолка» устроила конкурс плакатов. Мы решили в нём поучаствовать.

Всего на конкурс было прислано 30—40 постеров от разных участников. По мнению организаторов, наша работа стала одной из лучших. Сегодня расскажу как она создавалась.

Сначала Ольга Миронова придумала идею — распечатать Фриду Кало, расставить на ней что-нибудь сверху, сфотографировать всё это дело и подставить текст в Фотошопе.

Напечатали постер на А3, разложили на нём всякое:

Сфотографировали результат:

Заметили, что внизу мешает белая плашка: текст на неё толком не поставишь — будет мелко, а внимание она отвлекает. Поэтому убрали её. Было:

Стало:

Дальше я предложил Игорю Штангу выступить арт-директором проекта и помочь мне с расстановкой текста на макете. Игорь согласился. Я показал ему, что пока получается:
frida-process5.jpg

Игорь ответил: «Очень плохо». Сказал, что текст нужно сделать чёрным, а картинку поставить по центру. И натолкнул на мысль использовать шрифт попроще.

Делаю второй заход:
frida-process6.jpg

Игорь пишет:

Так получше. Я думаю, тут подойдут такие схемы:

I. Текстовые блоки более-менее равномерно занимают пространство вокруг иллюстрации. Один блок большой и темный (название), другие светлые и мелкие, но тоже отличаются между собой. Некоторые тексты можно попробовать набрать вертикально. Или разбить какое-нибудь длинное слово на несколько строк.
frida-process7.png

II. Название над иллюстрацией и повторяет ее форму. Остальные блоки более-менее равномерно занимают боковые поля:
frida-process8.png

Изучаю примеры, думаю и решаю идти вторым путём. Показываю арт-директору, что получается:
frida-process9.jpg

Арт-директор обращает внимание на мелочи:
— Фрида врезается в заголовок.
— Четыре блока снизу можно попробовать выровнять по центру белых «полей».
— Необязательно делать текст таким симметричным.
— Два блока сверху очень похожи друг на друга.
— Хорошо бы добавить на плакат иконок или других графических элементов.

Отрисовываю Люмьер-Холл — место, где пройдёт мероприятие.
frida-process10.jpg

И пробую использовать его в качестве иконки, попутно меняя макет:
frida-process11.jpg

Игорь присылает ответ:

«Иконки ок, часы не очень.

Люмьер-холл нужно чёрным, а не серым.

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

Буквы в заголовке сверху нужно ближе друг к другу, там „пружина“ растягивается».

Вношу изменения. Арт-директор указывает на близость текста с иллюстрацией:
frida-process12.jpg

Отодвигаем текст от картинки, доделываем мелочи и публикуем результат.

До:
frida-process5.jpg

После:
Плакат для Интеллигентной барахолки, 2016

P. S. Спасибо всем, кто помогал и поддерживал.

Плакат к «Интеллигентной барахолке»

Плакат для Интеллигентной барахолки, 2016

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

Ольга Миронова придумала идею: распечатать плакат с Фридой Кало, красиво что-нибудь уложить на него сверху, сфотографировать получившееся и подставить на фотографии текст.

Сфотографировали, потом я несколько дней расставлял буквы в Фотошопе, слушал замечания Игоря Штанга и снова расставлял буквы.

Плакат к «Интеллигентной барахолке»

Плакат к «Интеллигентной барахолке»

Арт-директор: Игорь Штанг.
Дизайнеры: Ольга Миронова, Егор Козлов.
Дата выхода: 19 декабря 2016.

«Бриллиантик» на Интеллигентной барахолке 24-25 декабря

Плакат для Интеллигентной барахолки, 2016

На этих выходных наш магазин украшений «Бриллиантик» принимает участие в «Интеллигентной барахолке».

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

Мы привезём серьги, кулоны, браслеты, сотуары, бусы, кольца и броши.

Если ещё не успели купить подарки к Новому году, то приходите. С пустыми руками точно не уйдёте!

Когда
24 и 25 декабря, с 12 до 21 часа, вход бесплатный.

Где
Санкт-Петербург, наб. Обводного канала, 74Ц — 1 километр от метро «Фрунзенская». Мы там стоим в центре большого круглого зала.



Ссылки на магазин
Сайт · Группа Вконтакте · Ярмарка мастеров · Инстаграмм

Сайт компьютерного мастера

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

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

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

В конце прошлого года сделал себе сайт о компьютерной помощи в Санкт-Петербурге: compmaster-spb.ru
Компьютерная помощь в Санкт-Петербурге
Сайт подстраивается под разные размеры экранов, поэтому его удобно смотреть и на планшетах, и на телефонах:
compmaster-spb.ru_phone.jpg

Обращайтесь: compmaster-spb.ru


Сайт компьютерного мастера открылся в ноябре 2015 г.
Дизайн и текст — Егор Козлов.
Вёрстка сделана на «Вебфлоу».

2016   наш дизайн   сайты   санкт-петербург   скриншоты

Наш магазин «Бриллиантик» на ярмарке хендмейда 27 и 28 декабря

banner.jpg

На последних выходных в этом году, 27 и 28 декабря, наш магазин украшений «Бриллиантик» снова примет участие в ярмарке-выставке «Уикенд рукоделов». Там мы будем показывать и продавать украшения и несколько вязаных игрушек — персонажей мульт-сериала «Время приключений» и совушку. Всё можно будет посмотреть, потрогать, примерить и, конечно, приобрести.

Схема проезда


Ждём вас по адресу
Санкт-Петербург, Заневский проспект, дом 67, корпус 2, торгово-развлекательный центр «Заневский каскад» (прямо напротив метро «Ладожская»), первый этаж, с 11:00 до 21:00 оба дня. Вход свободный.

Ссылки
Всегда рады вам на наших веб-страничках, где мы также принимаем заказы:
На «Ярмарке Мастеров»: http://www.livemaster.ru/brilliantik
Во Вконтакте: http://vk.com/brilliantikstore
У нас на сайте: http://brilliantik.com

Как создавался сайт «На уровне»

Необходимо разработать сайт бригаде сантехников, электриков, сварщиков и отделочников из Санкт-Петербурга.

Изначально клиент просит сделать два акцента: на сантехнические работы и работы по электрике.

В этот раз работа начинается с написания текста. А написание текста начинается с того, что мы задаём вопросы нашего копирайтера Сергея клиенту. Из ответов Сергей пишет черновой текст, посмотрев на который, создаём примерный дизайн будущего сайта.

Показываем промежуточный итог заказчику:

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

Также клиент просит придумать название для сайта: «Хочется объёмное слово, которое можно было бы трактовать по-разному. Например, слово „уровень“. Оно может означать уровень мастерства, подразумевать строительный уровень и так далее.» Важно, чтобы под придуманное название можно было купить созвучный домен. Копирайтер придумывает название «На уровне» и сообщает, что домен na-urovne.com не занят. Клиенту нравится название.

Потом Сергей присылает новую версию текстов. По мнению клиента, и сейчас получилось «сыровато». Меняем писателя, добавляем детали и уточнения в текст:

Кстати, тексты мы пишем в Документах Гугла — это удобно: документами легко делиться, они доступны с разных устройств, все изменения в них сохраняются.

Всё это время дизайн-макет меняется в соответствии с новой информацией:

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

Дизайнер тем временем рисует с помощью сервиса favicon.ru фавиконку к сайту:

Запускаем: http://visor-v.ru/all/na-urovne.

2014   визитки   дизайн   на уровне   наш дизайн

Сайт «На уровне»

Создали сайт бригаде сантехников, электриков, сварщиков и отделочников из Санкт-Петербурга.


www.na-urovne.com

Сайт открыт 24 сентября 2014 г.

Разработчики
Дизайнер — Егор Козлов
Технолог — Тимофей Сучков
Название и основа текста — Сергей Васин

Как создавался сайт: http://visor-v.ru/all/kak-sozdavalsya-sayt-na-urovne.

Как создавался сайт «Умной электрики»

Необходимо сделать сайт за неделю. Простой, одностраничный, с фоном, похожим на освещение ночного города или какую-нибудь электрическую схему.

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

Приступаем к созданию фона. Находим на сайте Библиотеки паттернов картинку про метро и переделываем её в паттерн про провода:

У клиента нет логотипа. Решаем набрать слова «Умная электрика» шрифтом «Стими» (Steamy), встреченным когда-то у Джованни Лемонада. В этом шрифте шестерёнки, электрическая вилка и другие мелочи, подходящие к нашей теме.

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

Не нашлось подходящей иконки для блока про гарантию. Тогда мы взяли иконку с контуром и вставили туда цифру 3, набранную шрифтом «Наутилус» (Nautilus Pompilius).

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

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

Утверждаем получившееся. Верстаем. Укладываемся в сроки.

Готово: http://visor-v.ru/all/smartelectrician-site.

2012   аватар   бриллиантик   дизайн   наш дизайн
Ранее Ctrl + ↓