What app images are required? Where do they appear? How does the launch sequence differ between a branded app / a multi-event shell (Enterprise) / and the EventPilot (Express) apps?

Modified on Thu, 11 Aug 2022 at 11:08 AM

Where do which images in the different EventPilot version show?

The presentation below displays the launch sequence of the different versions of EventPilot. 



If you develop your first shell app, you will need a set of generic association specific images for your shell app itself plus a set of event specific images per event that loads into the shell app. For clarification, review the presentation link above. 



App Icon 

Size: 1024px by 1024px 

Format: png

Events inside a shell app

Your icon appears to end users only during the event selection as part of the download. It may display again in emails, social media, etc.


Branded and Multi-Event Shell Apps

If you upgraded to a branded app, an individual app is submitted to the Apple App Store and Google Play store. The icon will appear in the store and for the app on the device itself. 

This icon cannot be changed once the app has been submitted to the stores.


Icon Design Requirements
  1. no border art
  2. no rounded corners
  3. no highlight/shine
  4. no gradient 
  5. avoid text - if text: must be legible at 57x57 px size


Potential different appearances on Android devices


Design towards the center of your icon so that rounded corners do not crop important content 



Bad design example - too much text, no visual graphic, text too close to corners





Launch

Size: 1280 by 1280 

Format: png

Duplicate our event icon at the slightly larger size. The launch screen only appears in branded apps or multi-event shell apps and displays between the user tapping on the app icon and the splash screen displaying. The launch screen (what is seen before the sponsor/splash screen) may vary in duration by device and the size of the content being loaded. On newest high performing devices, the launch screen may not be visible to users. This icon cannot be changed once the app has been submitted to the stores.



The image appears in the center of the screen for all device sizes

In the CMS, set the background color that matches the background color of you icon exactly



Ensure to select the correct background color if your graphic does not have a transparent background. Otherwise your attendees will see a box instead of the graphic blending in.





Splash

Size: 1280px by 1280px 

Format: png

A splash screen appears for all projects in the native apps and also the desktop planner. The splash / sponsor screen will persist for 3 seconds before directing users to the Home screen.


Tip: for best experience, make sure that graphic has a transparent background and you select the background color that appears behind the graphic. You can update the splash screen at any time.



Ensure to select the correct background color if your graphic does not have a transparent background. Otherwise your attendees will see a box instead of the graphic blending in.





Banners

The requested banners appear above the Home Screen and are required in various sizes. You can update these banners at any time. All images must be in .png format.

Get some ideas from our Pinterest page.


  • For phone: event_banner_portrait.png at 1242w x 170h
  • For phone: event_banner_landscape.png at 960w x 88h
  • For phone: event_banner_iphone_landscape.png at 2208w x 170h
  • For tablet: event_banner_ipad_portrait.png at 1536w x 88h
  • For tablet: event_banner_ipad_landscape.png at 2048 x 88h






Optional for Branded upgrade and Multi-Event Shell Apps


We provide a graphic but if you wish, you can use your own graphic for the Google Play store:

  • Android: android-feature.png at 1024w x 500h

Design tips and display information available at support.google.com


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article