Stadt Meister

Редизайн мобильного приложения

Stadt Meister
Stadt MeisterStadt Meister
Мобильные приложения
Медиа-компания Meinestadt.de
реализован
с 10.12.2015 по 29.01.2016

Доступно в App Store

Доступно в Google Play

Промосайт

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

Stadtmeister — один из проектов медиакомпании Meinestadt. Он спроектирован подразделением, которое отвечает за тестирование новых идей полезных продуктов для многомиллионной аудитории компании.

В кратчайшие сроки нужно было:

  1. полностью переделать UI и интегрировать его в готовый продукт;
  2. разработать иконку-логотип;
  3. разработать лендинг;
  4. собрать промовидео;
  5. создать веб-страницу шаринга публикаций.

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

Важно, чтобы Apple и Google обратили на нас внимание, и интерфейс не должен быть препятствием!
Из клиентского брифа

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, которые интегрировали дизайн в уже готовое приложение. И впереди нас ждёт работа по поддержке и развитию продукта.

Над проектом работали
Провоторов Дмитрий
Менеджер продукта
Сидоров Дмитрий
Арт-директор
Моисеева Елена
Ведущий дизайнер
Стеганцов Владимир
Дизайнер
Закопайлов Максим
iOS-разработчик
Золотухин Юрий
Android-разработчик
Рогов Алексей
Backend-разарботчик
Яковлев Лев
Менеджер
Сегодня в рубрике «Стартапы» — приложение Easybank для контроля расходов. Транзакцию можно добавить в три касания, и приложение автоматически добавит к ней отметку геолокации.
VC.RU про EasybankVC.RU про Easybank
Интерактивное агентство «Мануфактура» бросило вызов другим известным в Воронеже компаниям, занимающимся web-дизайном.
36.ON о VORONEZH DRIBBBLE SHOWDOWN36.ON о VORONEZH DRIBBBLE SHOWDOWN
Одного логотипа для такой задачи недостаточно, но хороший логотип всегда лучше плохого. Этот — хороший. А путь в тысячу ли начинается с первого шага.
Эркен Кагаров в бизнес-линче Студии ЛебедеваЭркен Кагаров в бизнес-линче Студии Лебедева
letter-cover Created with Sketch.