Поддержите наши работы: Ситиметрия, Сайт студии, Итеранет, Объект, Гладтек, Путинка, Мегаполис чай, Браер.

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

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

Гладтек в номинации «Оригинальный сайт»

Хондроксид в номинации «Торговая марка российской компании»

Мир шапок в номинации «Дизайн бизнес-сайта»

Гудер, Браер, Итеранет в различных номинациях «Бизнес-сайтов»

Благотворительный фонд «Система» в номинации «Сайт благотворительной организации»

Недавно мы сделали логотип для дела нашей хорошей подруги Ирины Циханской, под кодовым названием Basic Skin. Этот логотип делался довольно медленно, мы разработали огромное количество вариантов, ходили с ними в голове и, как говорит наш креативный директор, «переспали с этой идеей». В итоге, наш чудесный человек Yuzhny сделал то, что должен сделать каждый уважающий себя дизайнер – создал красоту и объяснил всем, что это красота)

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

Звезды сошлись, и сейчас, пока сайт еще не опубликован, вы можете посмотреть результаты работы здесь, на нашем Ревижне (не забудьте полистать закладки слева от основного поста)

P.S. в это дерево мы влюблены отдельно)

Cегодня, я расскажу вам сказочку о том, как в марте—апреле 2010 года мы закончили работу над дизайном макетов «Баумагазина» (интернет-магазин по продажи плитки).

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

В этом проекте и дизайнером, и руководителем проекта здесь был один человек –  я (он же – Евгений Муравьев), поэтому этот этап был выполнен несколько поверхностно (что не повлияло на работу в целом, но лучше так не поступать. Я сделал плохо).

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

Начинается все с того, что мы получаем от клиента предполагаемую структуру сайта:

Увидев это, мы пытаемся разделить меню на горизонтальное и вертикальное. Названия пунктов меняем на более понятные и говорящие (это должен делать либо редактор в студии, либо сам дизайнер, лучше дизайнер, конечно). Клиент соглашается на изменения.

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

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

Работа над шапкой и меню шла достаточно кропотливо, а мы все-таки пытались сделать так, чтобы «корзина» чуть-чуть намекала нам: «Вы пока ничего не заказали».

Утвердив такую идею, мы определяемся с выводом пустой и заполненной корзины.

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

Следующая задача состояла в создании промо-блока на странице. Придумываем принцип промо-блока, расположенного непосредственно под шапкой –  экспериментируем.

Вариант первый.

Первое решение показалось нам слишком простым и не интересным, поэтому решили сделать что-то более привлекательное.

Вариант второй

Вот так уже лучше. Отправляем технологу на изучение cover flow (чтобы время не терять), а сами продолжаем рисовать макет дальше. Стоит понимать, что каждое изменение в макете согласовывается с клиентом, если перед этим он утвердил на этом месте что-то другое. Задача дизайнера –  убедить клиента, приводя разумные аргументы в пользу своего решения, а задача руководителя проекта –  помочь ему в этом (в данном случае я помогал сам себе, что в принципе проще, но всегда лучше, когда на встрече вас двое).

На самом деле были еще какие-то промежуточные решения для меню, новостей, мини-галереи и промо-блока. Однако, трешевые просто не сохраняются, а некоторые уже не найти в огромном архиве. Я никогда не останавливаюсь на первой идее, т.к. она на 90% слабее, чем те, которые еще можно придумать, и вообще – самая очевидная (а нам такие не нужны).

После 7—8 макетов главной, получаем финальный вариант.

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

В это время Андрей присылает картинку:

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

Кто-то из студии подсказал попробовать создать паттерн из плиток и использовать его частично на фоне сайта. Паттерн нарисовали, но продолжения он не получил.

Контактная информация стала самой изменяемой страницей, как показывает практика, этот проект не первый и не последний в котором страница контактов много и часто меняется.

Договорившись обо всем и вся, наконец прорисовываем все страницы, диалоговые окна, процесс оформления заказа.

Страницу 404 делаем черной. Просто черная страница. Почему бы и нет!

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

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

Руководитель проекта и дизайнер Евгений Муравьёв, технический дизайнер Андрей Щепкин, технический директор Денис Денисов, технолог Анна Селезнева

…отдаленно напоминающей нашего мужика)

Sirenevaya_mish негодует по поводу дерева, растущего из головы, а Профсоюз Белок негодует ибо их оставили без работы

Мы выиграли две номинации в премии «Сапожник с сапогами».

Читать полностью наши восторги можно ниже.

Так получилось, что Tagline и Золотой сайт собрались и создали новую премию для web-студий.

Посадили они в жюри руководителей и арт-директоров ведущих российских студий и собрали около 100 желающих участвовать в премии. Студии-участники подали на конкурс самое дорогое и близкое – свои собственные сайты. Что из этого получилось можно постотреть на сайте Tagline.

Мы же хотим поделиться радостью:

CreativePeople выиграл сразу в двух номинациях – Лучший сайт интернет-агентства и Лучший дизайн. Наша белочка дала жару))

Мы подготовили по этому поводу речь:

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

Зина дизайн (http://www.zina.com.ua/) за альтернативный подход к графической концепции.

Дизайн-студия «Nimax» (http://www.nimax.ru/) за блог компании.

И нашим коллегам «Турбомилк» (http://turbomilk.ru/) за точное позиционирование компании.

Ура, товарищи!

Аккуратный корпоративный сайт для кирпичного завода, по мотивам фирменного стиля разработанного нашими друзьями из студии FRONT:DESIGN.

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

Производство – подробное описание всех стадий производства.

Структура компании: простая и понятная схема.

Сделано в CreativePeople

P.S. Во вкладке кусочек рабочего материала: кирпичи для страницы 404.