The GOAL
Stadtmeister is one of the projects of Meinestadt, a German media company with a multi-million audience. It was developed by the department responsible for testing of the new product ideas. The main goal of the app is providing users with information on what is happening around them at the moment — weather, events, news, social media content, and even messages form the police.
A few weeks before the scheduled app release management decided to change its interface completely. We had worked with Meinestadt in the past, so they asked us to help with the project. "It’s important that Apple and Google notice us and the app interface should not interfere with it!" We had to completely redesign the app UI and integrate it into already existing product in the shortest possible time, as well as design promotional materials: web pages for sharing publications, landing page, promo video and a lot more. For iPhone and Android.
In order to avoid any unnecessary moves we used general-to-specific approach and first developed the visual language (colors, fonts, icons and buttons).
When selecting the color spectrum we used Meinestadt’s brand book. This allowed us to meet expectations of the customer almost instantly. Moving on to the design phase.
WEATHER WIDGET
We try to bring something new and special to each product.
Even though we were limited on time, we came up with an unusual way of displaying the weather. In addition to the usual icons we assigned each state its own color and gradient. This will allow regular users to see what the weather is like just by glancing at the screen.
iOS APP REDESIGN
Clean and strict design serves as content passe-partout. At the same time it contains bright highlights and icons complying with Apple Human Guidelines.
ANDROID APP REDISIGN
While one of our designers was working on iOS version of the app, another designer was developing UI for Android. We used the same visual language, only in accordance with Google Material Design. In order to match Google standards, we had to redesign the app navigation.
There are four types of cards in the app: events, news, police messages and attractions. Soon this list will be supplemented with Twitter and other social networks, as well as sports, radio, urban services and transportation.
Preparing screenshots and turning them into promotional materials is a very important step that many companies don’t think about until publishing their app in the store.
What to do when there is no time for coming up with the video scenario, not to mention animation? Find the right template, tell the customer about it and fill it with your own content.
Classic startup landing page including story about the idea and product features along with the ability to quickly download the app. Responsive design and animations have become the standard for digital industry.
TO BE CONTINUED...
Stadtmeister was launched on time and was shown on the annual Meinestadt presentation. Behind the beautiful pictures lies hard work of our iOS and Android developers, who integrated new design into already existing app. We are looking forward to supporting and further developing the app.
CREDITS
Manufactura IT Production & Graphic Design has developed Stadmeister app for iPhone and Android, as well as its landing page, promo vide and promotional materials for App Store. Manufactura provides multiple services including mobile and web development, UX/UI and graphic design. The company portfolio includes projects for major Russian brands, educational institutions and political parties. Manufactura has been successfully operating on Russian market since 2009 and entered Europen and US markets in 2015.
Art Director DMITRIY SIDOROV Design ELENA MOISEEVA, VLADIMIR STEGANTSOV Programming MAX ZAKOPAJLOV, YURIY ZOLOTUKHIN Management LEV YAKOVLEV Case design ELENA MOISEEVA
© 2015 Meinestadt, Manufactura IT Production & Graphic Design
This case on FACTORYMN.COM | Contact Us HELLO@FACTORY.MN
