Follow

Branding Guide

Which elements can be branding?

Customizing your application is key for brand recognition and memorability. This guide will allow you to better understand the elements you can brand in a SpotMe app.

Screen_Shot_2018-01-24_at_11.44.27.png

App icon

App icon will be displayed on a device, in the stores, and the in event list if you have multiple events in your application.

4.png

Best practices:

  • Keep design simple and limit text. Your app icon will be displayed in smaller version on devices.

3.png

Loading Screen

This screen will be displayed while the app is loading.

7.png

Best practices:

  • Keep logo in the upper part of the screen. iOS and Android default loading area appear in the center of the screen.
  • Avoid placing logos in the margin of the screen. Tablet loading screen must work in both landscape and portrait mode.

6.png

Home banner

The home banner is static at the top of the home page.

Screen_Shot_2018-01-24_at_11.54.50.png

Best practices:

  • We usually display standard information such as logo, name, place and dates of the meeting.
  • Portrait banner will appear when the device is in ‘portrait orientation’ but this is still a horizontal banner.

8.png

Home Blocks

Home blocks are shortcuts from the home page to the most important features.

Screen_Shot_2018-01-24_at_11.56.37.png

Best practices:

  • Keep content in the center area of your picture. Home blocks are automatically resized to the device – depending on the device, the margin might not appear.
  • Instead of a picture, block can feature an icon placed on plain color background on either left or right side

22.png

Wallpapers

Wallpapers are used only on devices lent by SpotMe (iPads or iPods).

Screen_Shot_2018-01-24_at_11.59.04.png

Best practices:

  • Keep your logo and text in the upper part of the screen. iOS will place different elements (date, activation slider, etc…) and automatically resize the wallpaper.
  • Create two versions to differentiate locked and unlocked screen

33.png

Optional Assets

Screen_Shot_2018-01-24_at_12.02.04.png

A few examples

Screen_Shot_2018-01-24_at_12.04.30.pngScreen_Shot_2018-01-24_at_12.04.12.pngScreen_Shot_2018-01-24_at_12.03.56.pngScreen_Shot_2018-01-24_at_12.03.37.png

 

Was this article helpful?
1 out of 1 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.