Bright, Bold UI for new App

Create a bold visual design and icons for the client's new iPad app. 

port-thumb-SEiPad.jpg
 

Objective

Create a modern, “flashy” aesthetic for their new internal sales app including the screen layout and icons. It had to adhere to the SE brand guidelines and be intuitive to use so that during sales pitches, the sales team could easily access files to share with their potential customer.

Users

Schneider Electric healthcare division and internal sales team.

_screens - improve patient safety.jpg
_screens - epss.jpg

Concept

After reading the Schneider Electric brand guidelines and seeing the bright palette and full-page application of colour, I knew I wanted to apply a similar treatment for the app. I wanted to take advantage of their broad, bright colour palette to colour code the different sections for simple, visual association.

Process

I attended discussions with the client, fully reviewed their brand guidelines and researched real-world samples of their application to best understand the brand and what the business would consider “modern and flashy”. I also made a recommendation to add an app “map” to allow horizontal navigation within the apps content tree and needed to be accessible from any screen. 

Design Challenges

Although there were extensive brand guidelines for print applications, the digital application addendum was very limited. There were few references for web applications and none for apps to draw on. 

Outcome

A boldly coloured UI design which makes use of the full Schneider Electric colour palette to colour code screen backgrounds to match the different sections of content. This included the app map which was also colour coded. The client and development team shared their positive feedback with the design and the developer I worked with also expressed their appreciation for the insights I contributed to the interaction design.


Team & Role

Client: Schneider Electric via Semaphore Solutions

Role: UI Designer

Time: 2011.12

Tools: Illustrator.


Other Projects

Book Design: Enabling City Vol. 2

Branding: Rich Analytics