За несколько недель до релиза уже разработанного приложения руководство проекта решило, что необходимо полностью переделать интерфейс. Это не первый наш проект с компанией Meinestadt, и они обратились за помощью к нам.
Stadtmeister — один из проектов медиакомпании Meinestadt. Он спроектирован подразделением, которое отвечает за тестирование новых идей полезных продуктов для многомиллионной аудитории компании.
В кратчайшие сроки нужно было:
- полностью переделать UI и интегрировать его в готовый продукт;
- разработать иконку-логотип;
- разработать лендинг;
- собрать промовидео;
- создать веб-страницу шаринга публикаций.
Задача приложения — предоставить пользователям возможность получать информацию о том, что происходит вокруг них прямо сейчас: погода, события, новости, контент из социальных сетей и даже сообщения полиции.
1. Цвета, шрифты и стиль
Чтобы не делать лишних движений, мы двигаемся от общего к частному и на первом этапе утверждаем язык визуальной коммуникации — цвета, шрифты, стиль пиктограмм, отбивок и кнопок.


2. Новый дизайн приложения

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


редизайн iOS-приложения
Чистый, строгий дизайн, который становится паспарту для контента. Но при этом с яркими акцентами и пиктограммами, приятными мелочами и полным соответствием iOS Human Interface Guidelines.

Редизайн ANDROID-приложения
Параллельно с работой над интерфейсами iPhone второй дизайнер ведёт работу над Android. Тот же визуальный язык, но по Google Material Design. Несмотря на то, что UI у приложения уже был, пришлось перепроектировать навигацию продукта, чтобы она соответствовала стандартам Google.

Внутри приложения четыре типа карточек: "событие", "новость", "сообщение полиции" и "достопримечательности". Скоро появится Twitter и другие социальные сети, а также спорт, радио, городские службы и транспорт.
Работа над иконкой приложения.
3. Оформление страниц в App Store и Google Play
Шаг, про который многие забывают до подачи приложения в сторы, — подготовка скриншотов и превращение их в промоматериалы посредством грамотной расстановки визуальных акцентов и заголовков.
4. Лендинг-пейдж и промовидео
Классический лендинг-пейдж для стартапа: рассказ об идее и фичах, возможность быстро поставить приложение на свои устройства. Адаптивная вёрстка и анимация уже стали стандартом для индустрии.
Сайт собран с помощью Readymag.
Что делать, когда времени мало? Нет возможности продумать сценарий ролика, а анимацию — тем более? Находим подходящий шаблон, не скрываем это от клиента и заполняем его своим контентом.

Это видео продемонстрировало продукт на всеобщей конференции Meinestadt, открывающей 2016 год.
TO BE CONTINUED...
Stadtmeister запущен в срок и показан на годовой презентации Meinestadt. За красивыми картинками, что вы увидели, стоит оперативная работа команды разработчиков iOS и Android, которые интегрировали дизайн в уже готовое приложение. И впереди нас ждёт работа по поддержке и развитию продукта.