Дизайн-поддержка для Coffeebox

Дизайн-поддержка для франшизы Coffeebox

Coffeebox — цифровая кофейня самообслуживания в формате кофе-автоматов с полным контролем и сопровождением.


Дизайн-поддержка для Coffeebox — Изображение №1 — 3D, Анимация на Dprofile


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


Далее для удобства и понимания мы будем использовать слова кофе-автомат и кофебокс, как синонимы.


Дизайн-поддержка для Coffeebox — Изображение №2 — 3D, Анимация на Dprofile


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


На примере этих кейсов мы хотим показать, как строится формат дизайн-поддержки — когда агентство в контексте компании, ее коммуникаций/ToV и готово в любой момент взяться за новый проект без дополнительных брифов и аналитики.


Кейсы​​​​​​​

1) Дизайн интерфейса и оклейки для основного кофебокса.


2) Дизайн интерфейса, 3D-визуализация и чертежи для производства новой версии кофебокса.


3) Дизайн рекламных и промоматериалов.


Дизайн интерфейса и оклейки для основного кофебокса


Дизайн-поддержка для Coffeebox — Изображение №3 — 3D, Анимация на Dprofile


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


Задача — разработать и поменять встроенный интерфейс.


Мы обновили иконки в стиле бренда, упростили визуал, убрав лишние детали, и добавили легкую анимацию, сделав интерфейс более современным.


Дизайн-поддержка для Coffeebox — Изображение №4 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №5 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №6 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №7 — 3D, Анимация на Dprofile


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


— Система обрезала плашки напитков, поэтому решили делать их без фона (рис. 1, 2, 4).


— Во многих разделах появлялись случайные изображения (до сих пор не знаем, откуда они, видимо сбой китайской программы), что требовало предварительной чистки системы (рис. 1, 2).


— Белый текст в нижней части экранов с гифками терялся на желтом фоне, и его нельзя было изменить или убрать (рис. 3).


— Изображение выбранного напитка на экранах с гифками накладывалось на анимацию (рис. 4).


Дизайн-поддержка для Coffeebox — Изображение №8 — 3D, Анимация на Dprofile

Итоговые экраны: было / стало


В Казахстане по закону все надписи должны быть на казахском и русском языках, поэтому от цифровых кофеен потребовали обновления наклеек.


Задача — сделать двуязычные наклейки и разработать инструкцию по монтажу.


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

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


Информация про «зерновой кофе / кофе дәндері» — вторая по иерархии, и она более техническая, поэтому оформили ее лаконично, как остальные наклейки.


Дизайн-поддержка для Coffeebox — Изображение №9 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №10 — 3D, Анимация на Dprofile

Итоговые наклейки: было / стало


Для производства мы оформили подробную инструкцию, как клеить новые указатели. Это ускорило процесс выпуска боксов, а также, в случае замены наклейки, — это может сделать любой специалист по нашему шаблону.


Дизайн-поддержка для Coffeebox — Изображение №11 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №12 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №13 — 3D, Анимация на Dprofile


Дизайн интерфейса, 3D-визуализация и чертежи новой версии кофебокса


Дизайн-поддержка для Coffeebox — Изображение №14 — 3D, Анимация на Dprofile


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


Дизайн-поддержка для Coffeebox — Изображение №15 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №16 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №17 — 3D, Анимация на Dprofile


Задача — обновить интерфейс.


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


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


Дизайн-поддержка для Coffeebox — Изображение №18 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №19 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №20 — 3D, Анимация на Dprofile


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


Задача — 3D-визуализация кофебокса.


Что сделали:

— Сохранили фирменные закругленные формы.
— Разработали конструкцию органайзера: сделали ее компактной и удобной.
— Подготовили полную 3D-визуализацию для презентации партнерам и запуска, а для производства сразу подготовили чертежи с размерами.


Дизайн-поддержка для Coffeebox — Изображение №21 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №22 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №23 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №24 — 3D, Анимация на Dprofile

Чертежи и визуализация для производства


Дизайн рекламных и промоматериалов


Дизайн-поддержка для Coffeebox — Изображение №25 — 3D, Анимация на Dprofile


Кроме обновления дизайна интерфейса и 3D-разработки новых кофебоксов, мы регулярно помогаем оформлять рекламные и промоматериалы.  


Дополнительно разработали презентации для коммерческих предложений и дизайн постов для таргетированной рекламы.


Дизайн-поддержка для Coffeebox — Изображение №26 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №27 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №28 — 3D, Анимация на Dprofile

Посты для таргета в социальных сетях

Дизайн-поддержка для Coffeebox — Изображение №29 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №30 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №31 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №32 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №33 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №34 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №35 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №36 — 3D, Анимация на Dprofile
Дизайн-поддержка для Coffeebox — Изображение №37 — 3D, Анимация на Dprofile

Презентации


Все эти работы — результат системной дизайн-поддержки. При работе с проектом Coffeebox был четкий и понятный процесс: команда — фокус — один трек задач.


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


Такой подход помогает бизнесу не «сразу все и идеально», а то, что важно здесь и сейчас.


Такой формат может стоить от 290 000 ₽ в месяц, где вы получаете команду, с которой можно методично идти вперед: улучшать интерфейсы, перебирать упаковку, делать промо или наводить порядок в SMM.


Если вы ищете агентство, с которым можно наводить порядок и развивать продукт — напишите нам. Это может быть проще, чем кажется.


Команда проекта:

Арт-дирекшн — Женя Опутин, Оля Митюкова
Дизайн — Полина Ливаич
3D-дизайн — Юрий Кабанцев

Менеджер — Даша Юшкетова

Редактор кейса — Миша Курносов​​​​​​​


Делаем дизайн,
который работает

Дизайн-поддержка для Coffeebox — Изображение №38 — 3D, Анимация на Dprofile

Оценить

Добавить в коллекции...

От автора