22 заметки с меткой Автодети
📅 2 сентября 2015

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

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

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

📅 20 июля 2014

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

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

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

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

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

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

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

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

📅 29 января 2013

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

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

Процесс

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

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

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

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

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

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

📅 11 сентября 2012

Три медведя

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

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

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

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

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

📅 14 мая 2012

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

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

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

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

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

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

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

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

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

📅 6 марта 2012

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

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

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

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

📅 21 января 2012

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

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

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

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

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

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

📅 26 ноября 2011

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

Поиграть с раскрасками можно на сайте «Автодетей».

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

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

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

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

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

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

📅 23 октября 2011

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

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

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

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

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

Задача

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

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

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

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

📅 21 октября 2011

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

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

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

На старой фавиконке, прослужившей верой и правдой несколько лет, красовались дети:

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

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

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

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

📅 22 июля 2011

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

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

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

📅 13 июня 2011

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

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

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

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

📅 13 апреля 2011

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

Если вы играли в NFS или GTA, то вы знаете, что такое бронебойный трамвай :)

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

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

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

📅 20 ноября 2010

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

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

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

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

📅 7 октября 2010

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

avtodeti.ru

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

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

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

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

📅 4 октября 2009

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

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

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

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

📅 22 октября 2008

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

📅 21 октября 2008

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

📅 26 сентября 2007

Краш-тест

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

📅 10 июня 2007

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

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

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

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

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

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

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

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

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

© 2004...2019