22 заметки с меткой Автодети

Визитка магазина Автодети

Современная и лаконичнаяСовременная и лаконичная

Картинку с мишкой мне предоставили готовую.

Витрина магазина «Автодети»

Витрина показывает товар лицом:

Макет витрины магазина АвтодетиМакет витрины магазина Автодети
В жизниВ жизни

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

Фоном идут логотипы именитых тестов: ADAC, EURO NCAP, TSC, Stiftung Warentest.

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

Нет ТВ сигналаНет ТВ сигнала

▼ Читать дальше

Вкладыши в упаковку для ковриков

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

Процесс

Упаковка (прозрачный пакет) меняться пока не будет:

Пакет со скруглёнными угламиПакет со скруглёнными углами

Изучаем реальные упаковки, отмечаем плюсы (много разных фишечек: эмблемы, увеличенные фрагменты фотографий) и минусы (грубое и непоследовательное оформление):

Коврик Ultra MatКоврик Ultra Mat

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

▼ Читать дальше

Три медведя

Основной канал @AvtodetiRu в Твиттере разделился на три направления. Двум новым каналам @Avtodeti_forum и @Avtodeti_video потребовались узнаваемые иконки с использованием основного персонажа — медвежонка. Были решены две задачи: чтобы иконки хорошо различались в общей ленте, и чтобы при этом не пострадало их единство.

Три медведя, как в сказкеТри медведя, как в сказке

Если и правда по сказке, то расклад такой: с Айпадом играет Мишутка, самая общительная (посередине) — мама, а слева, получается, папа :)

Иконки в ленте ТвиттераИконки в ленте Твиттера

На роль цветового маркера (для отделения иконок друг от друга) отлично подошло автокресло.

Баннеры для социальных сетей

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

В каждом баннере я постарался передать «дух» соцсети:

ТвиттерТвиттер
Канал на ЮтубеКанал на Ютубе
ВконтактеВконтакте
Яндекс.МаркетЯндекс.Маркет

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

Наклейки «Автодети» для гонок

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

Надеюсь, что после соревнований выложу качественные фотки машинок :)
А пока только наброски:

Наклейки спереди машиныНаклейки сбоку машиныНаклейки сзади машиныНаклейки сбоку на техничкуНаклейки сзади на техничкуНаклейка на шлем

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

P.S. По виду и мощности это вам не NFS :) Но адреналина там не меньше!

Иконки-метки для анонсов новостей

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

Метки (тэги) в зависимости от типа новостиМетки (тэги) в зависимости от типа новости

▼ Читать дальше

Случайное совпадение

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

Форма быстрого заказа в виде ракетыФорма быстрого заказа в виде ракеты

А вот кадр из мультика, который полюбила моя дочка:

Умка улетает на вертолёте искать товарища :)Умка улетает на вертолёте искать товарища :)

Можете посмотреть мультик с этого момента на Ютубе.

Псевдообъёмные раскраски

Поиграть с раскрасками можно на сайте «Автодетей» (внизу страницы).

Во время подготовки новых раскрасок — автокресел — идея сделать их объёмными пришла как бы сама собой. Сразу вспомнились иллюстрации из инструкций к бытовой технике:

Пульт не выглядит плоским благодаря градиентной заливкеПульт не выглядит плоским благодаря градиентной заливке

А если изобразить автокресло в таком же духе?

Фотография слева помогает понять, как направить градиентыФотография слева помогает понять, как направить градиенты

Осталось наложить такие чёрно-белые градиенты поверх обычных раскрасок, и нужный эффект будет достигнут (картинки кликабельны):

Автокресло 1Автокресло 2Автокресло 3

▼ Читать дальше

Как создавалась фавиконка для «Автодетей» (часть 2)

Любую фавиконку можно нарисовать в Paint’е: берём лупу ×8 и рисуем точечки, как в мозаике. Но такие удобные инструменты, как наложение градиента, произвольная прозрачность — в Paint’е недоступны. Поэтому лучше использовать фотошоп :)

Вот весь процесс:

ПлашкаГрадиентДве лапы готовыТо, на чём сидит мишкаВот такие рукиПравая лапаРуки готовыГоловаРисуем ременьТень и носикСочный градиентОбводка головыИтоговая версия фавиконки

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

Задача

Нужно заново отрисовать логотип Автодетей —

Мишка на оранжевой плашкеМишка на оранжевой плашке

— в размере 16 на 16 пикселей.

▼ Читать дальше

Как создавалась фавиконка для «Автодетей» (часть 1)

Как рисовать фавиконку? Покажу на реальном примере.

Старая фавиконка

На старой фавиконке, прослужившей верой и правдой несколько лет, красовались дети: Старая фавиконка (девочка постарше и мальчик помладше). Иконка на момент создания соответствовала тематике сайта.

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

Процесс создания предыдущей версии фавиконкиПроцесс создания предыдущей версии фавиконки

▼ Читать дальше

Гарантия и подарок от «Автодетей»

Готовые иконки с подписямиГотовые иконки с подписями

▼ Читать дальше

Оформление магазина «Автодети»

На текущий момент (2011) магазин выглядит так:

Магазин «Автодети» в Москве на Вавилова, 13АМагазин «Автодети» в Москве на Вавилова, 13А

▼ Читать дальше

Схема проезда к «Автодетям» на Вавилова

Нажмите для просмотра анимацииНажмите для просмотра анимации

Если вы играли в NFS U1 или GTA SA, то вы знаете, что такое бронебойный трамвай :) Для остальных поясню: его невозможно остановить, притормозить или повредить, поэтому в него лучше не врезаться и не стоять у него на пути (для остальных машин действуют законы физики при столкновении, а для трамвая это реализовать, видимо, поленились).

Сейчас вы дочитали до этого места в тексте, прошло несколько секунд, а теперь посмотрите на схему и увидите прикол ;)

▼ Читать дальше

Пиктограммы для сайта «Автодетей»

Для сайта «Автодетей» придумано и нарисовано около 100 пиктограмм, вот некоторые из них:

аварии многодетным семьям акция на троих лучшая цена скидки корпоративным клиентам краш-тесты раскраски детям детские сказки

▼ Читать дальше

Сайт «Автодетей»

avtodeti.ru

Апдейт. Эта страница уже неактуальна, так как после оптимизации в начале 2012 года сайт заметно изменился. О том, что было сделано, напишу в отдельном посте.

С компанией «Автодети» я сотрудничаю с момента её зарождения. За 5 лет сайт повзрослел, появились новые сервисы, разделы, акции, увеличился выбор товара, и в 2010 мы провели необходимый редизайн. Были решены 3 задачи на упрощение: навигация по сайту, подача материалов и процесс выбора товара.

Сайт «Автодетей», 2010Сайт «Автодетей», 2010

▼ Читать дальше

Минибаннеры для «Автодетей»

Для сайта «Автодетей» придумано и нарисовано около 50 небольших баннеров. Формат GIF уходит в прошлое, но мы всё ещё используем его:

Реклама игрыРеклама игры
Полезные аксессуарыПолезные аксессуары
Загадочная программа обслуживанияЗагадочная программа обслуживания

▼ Читать дальше

Схема проезда «Автодети-Юг»

Схема проезда «Автодети-Север»

Краш-тест

Данная флешка показывает, что произойдёт с непристёгнутым ребёнком при аварии:

А вот и полноэкранная версия краш-теста.

Автодетские визитки

Личная визиткаЛичная визитка

На этой визитке предусмотрено место для пометок менеджера:

Корпоративная визитка с двух сторонКорпоративная визитка с двух сторон

Логотип «Автодетей»

Апдейт. В 2010 году логотип компании «Автодети» стал зарегистрированным товарным знаком, и .ру заменили на ®:

Логотип «Автодетей», 2010Логотип «Автодетей», 2010

На старте были удачно выбраны 2 цвета, серый и оранжевый, которые стали фирменными.

▼ Читать дальше

Иван ТитовИван Титов
Фрилансер, музыкант, физтех по жизни, семьянин, философ.
© 2004...2017