Уложитесь в мой дедлайн?
Oops! Something went wrong while submitting the form.
Как создать приложение, которое превращает заказ в настоящее волшебство? Перед нами стояла задача придумать концепт мобильного сервиса, который и сам будет выглядеть как подарок: яркий, живой, интуитивный и запоминающийся.
В этом кейсе покажем, как мы придумали визуальную метафору, собрали референсы, оживили цветы и собрали концепт, где каждый экран вызывает улыбку.
Концепт мы разрабатывали для крупного онлайн-магазина по доставке цветов — с реальной задачей, бизнес-контекстом и целевой аудиторией.
Перед стартом мы изучили рынок, интерфейсы конкурентов, визуальный стиль клиента и пользовательские сценарии. Быстро поняли: большинство приложений похожи друг на друга. В них много фильтров, сухие карточки и нейтральные цвета.
Мы решили пойти другим путем: вдохновлять, а не нагружать. Так появился мудборд, в котором соединились три акцента:
✨волшебство — как ощущение чуда, которое хочется подарить;
💖 эмоции — вместо каталога с позициями — настроение;
🆕 современность — яркие цвета, трендовые иллюстрации и немного дерзости.
Мудборд помог нам заложить основу всего визуального стиля приложения: от цветовой палитры и персонажей до общей структуры интерфейса.
Чтобы приложение отличалось от других и сразу вызывало эмоции, мы придумали емкую метафору — «Дарите волшебство сегодня». Она стала точкой сборки всего дизайна.
Смыслы, которые мы вложили в эти три слова:
«Сегодня» — акцент на быструю доставку: не потом, не «в течение двух дней», а прямо сейчас. Подчеркивает конкурентное преимущество сервиса.
Чтобы встроить метафору в интерфейс, мы использовали яркие визуальные образы и определенный Tone of Voice. Например, не скучное «Ваш заказ в обработке», а «Творим цветочное заклинание». Посмотрите, как выглядят экраны приложения.
Мы выбрали яркие, сочные, но сбалансированные оттенки, чтобы передать пользователю нужные эмоции:
Никаких пастельных оттенков, блеклости и бежевой эстетики: если цветы — это праздник, то интерфейс должен быть таким же! 💐
Для типографики использовали Gilroy — он уже был в айдентике бренда. Шрифт легко читается и хорошо держит структуру на любом экране.
Мы хотели, чтобы наша «волшебная»метафора отобразилась в ярких, запоминающихся и понятных образах. Когда мы придумывали визуальный стиль, вдохновлялись приемом из сказок и мультиков — например, из «Красавицы и чудовища», где предметы оживают и помогают героям.
Мы решили заимствовать этот прием олицетворения и дать голос нашим персонажам. У каждого из них — свой характер и роль, и похоже, они сами хотят немного рассказать о себе 🙂
Маскоты легко масштабируются: их можно анимировать, собирать в паттерны, использовать в маркетинге и коммуникации. Визуальный стиль становится гибким и узнаваемым.
Первое впечатление — самое важное, поэтому мы сделали короткую анимационную сцену на загрузочном экране: цветок из букета оживает и начинает жить в доме получателя.
Мы сознательно избегали штампов вроде блесток или волшебных палочек. Здесь магия работает тонко — за счет детали, движения и смысла.
Анимация зациклена — ее можно смотреть сколько угодно или сразу перейти к интерфейсу. Мы тестировали сцену на пользователях и коллегах — и получили классный фидбек. Нам говорили, что персонаж вызывает доверие, а сам прием создает ощущение, что приложение сделано с заботой.
Главная страница — это точка входа в приложение и главный сценарий выбора. Мы сделали ее легкой, наглядной и мотивирующей к действию:
Мы оставили место под сезонные баннеры, программы лояльности и быстрый поиск — чтобы все важное было на виду у пользователя.
Карточка товара устроена просто: фото букета на весь экран, понятные опции и два сценария на выбор — «Купить сейчас» или «Добавить в корзину».
Так мы закрываем обе задачи:
Вот, например, что рассказывает персонаж из карточки товара: он точно знает, как устроено это приложение изнутри — ведь он в нем живет! 😀
Когда пользователь оформляет заказ, он должен чувствовать, что все под контролем. Поэтому мы сделали экран заказа максимально прозрачным — вся информация на виду: куда заказ едет, к какому времени, что внутри.
Мы добавили:
В этом экране метафора работает особенно сильно: заказ — это уже действие, уже магия. Осталось только дождаться, когда она сработает — то есть заказ доедет к получателю!
Мы придумали и собрали визуальную концепцию мобильного приложения для службы доставки цветов. В ней:
Концепт получился теплым, современным и гибким. Его можно внедрять по частям, развивать, масштабировать… и точно нельзя забыть ❤️
➡️В поисках команды, которая придумает что-то особенное? Мы на связи! Команда Purrweb запускает понятные и красивые цифровые продукты уже больше 10 лет.
Придумаем визуальную метафору, поймаем настроение, нарисуем интерфейс, который будет говорить с пользователем на одном языке — и все это в адекватные сроки и с понятной коммуникацией.
<a class="blog-modal_opener">Расскажите нам о проекте</a>, и мы прикинем сроки, бюджет и план работы.
Экспертиза в дизайне
В нашем портфолио — более 550 проектов: от образовательных платформ до маркетплейсов, IoT и дейтинга. Мы знаем, как адаптировать дизайн под задачу и аудиторию.
Работаем как единая команда
Умеем встраиваться в процессы, взаимодействовать с вашими разработчиками, продуктами и маркетологами. Без бюрократии и с уважением к вашему темпу.
Превращаем идеи в продукты
Нам не нужен подробный бриф или техническое задание на 10 страниц. Достаточно идеи — мы поможем ее сформулировать, уточним детали и предложим креативные решения.
.svg)
.png)
