Cookbooks and Guidelines in 2017

In 2016 and 2017 I worked on design and content of the Siemens Cookbooks for: Mobile Apps, Social Media, Online Banner and an Application Guide.

The Cookbook for Online Banners included more than 50 exemplary templates for different formats and animations examples. Since 2012 I constantly support Virtual Identity Munich with governance tasks for this client.

Save

Save

Beck Akademie Website Design-Update

Beck Akademie Website Design-Update

From first sketch to finished design

URL: http://www.beck-seminare.de/

Task:
Design-update of the existing pages for courses and products. Conceptional improvements and contemporary interface design.

Key steps:
Status-quo analysis, first draft (hand made sketches), presentation of the core ideas and drafts, screendesign, execution together with the development (agile process)

A hand made sketch is the best solution to early connect to the client in order to explain the main idea and approach. Sketches do not focus on details and can therefore outline a concept that everyone can relate to.

Tools:
pen & paper, InDesign, Photoshop, PowerPoint

Beck Akademie Website Design-Update

Typical following pages

App Design Guidelines

App Design Guidelines

A designer working in the field of corporate communications often has to deal with governance tasks.

The best way to reduce the amount of time spent on ‹design advice‹ is to produce lean, easy to use guidelines and templates.

The Siemens App Design Guidelines are are made to ensure that the corporate identity is implemented correctly and that the style and tonality of the brand can be identified on any device.

One of the main challenges for these guidelines was to create a clear understanding that a design for an iOS app cannot be used for Android devices. Developers and managers often tried to save time by just coping iOS applications for Android or vice versa.

The resulting guidelines with more that 50 pages helped to improve the quality and consistency of the applications.They are constantly improved and updated. A digital version of these guidelines is the next logical step.

 

Mobile App Adaption

App adaption

Adaption of the Siemens App for iOS to Android
Siemens 2012

The predecessor was one of the first company apps for smartphones and was designed for Apple iOS. Many interface elements had to be completely redesigned to match the style and navigation principles of Android devices.

It is never an option to just copy an application to another device and operating system. Even minor differences to the native system are recognized by the user and make the app look unprofessional.