Mobile App Artwork

Mobile App Artwork

Overview

All images must have a solid background color - no gradients or transparency.
All images must be PNG format and be 72 dpi.
All images must have a few pixels of padding to prevent anything from being cut-off when Apple or Google use the images in their own systems.

Click here to see our article on sample artwork here.

Please download the samples to ensure all required images are supplied in the proper formats.
The App is required to have App Artwork prior to submission to the stores. The artwork encompasses:

There are 3 required images: 

  1. App Icon - 1024 x 1024pixels 
    1. The icon will display on people's phones.
    2. Do not put sponsor logos in this image.
    3. Do not add any gradients or masks to this image. Apple will create a gradient/masking effect automatically and your gradient/masks will become distorted.
    4. Dimensions: 1024 x 1024 pixels
  2. Google Play Feature Graphic - 1024 x 500 pixels
    1. This image is used by Google for display in the Google Play Store.
    2. Dimension: 1024 x 500 pixels
  3. Conference's Attendee Badge Artwork -  750 x 300 pixels
  4. Event Ribbon/ Large Home Feature Banner - 1200 x 200 pixels - only for Multi-Event/Corportate Apps*
  5. *This only applies to apps that are multi-event, if you are unsure if this applies to you please reach out to your contact at X-CD.

There are 5 optional image types:

  1. Footer banner ads - can provide an unlimited amount - 1200 x 180 pixels
    1. You can have multiple banners ads, which will rotate for a set number of seconds
    2. Banner ads will link to the website of your sponsors choice
    3. Seen on:
      1. Attendee detail screen
      2. Attendee list
      3. Session list
      4. Session detail
      5. Exhibitor list
      6. Exhibitor detail
      7. Login screen
      8. Home screen
      9. Notifications’ screen
  2. Splash screen phone640 x 1136 pixels
  3. Splash Screen phone ad (x2) - 640 x 1136 pixels
    1. When the app is first loaded, a splash screen (or multiple splash screens) can appear. 
    2. Splash screens can display for 3-5 seconds each upon load of the app. 
    3. This is a good place for recognition of a keynote/mobile app sponsor. 
  4. Splash Screen tablet (x2) 1536 x 2008 pixels
  5. Lobby Ads - can provide an unlimited amount - 1200px wide and 720px tall
    1. These will be shared with your virtual conference lobby ads.

Where do I find examples of the Mobile App Artwork?

Examples of app artwork may be downloaded here.

What size of images and How do I upload my artwork?

  1. Click Dashboard
  2. Click Mobile App Management in the left side menu
    • If you do not see them menu item in the left side menu, click your Speaker module, then click Program button, the Mobile App menu item will appear in the horizontal menu
  3. If there is more than one app defined, select the app from the dropdown menu
  4. Click App Settings in the horizontal menu
  5. Select App Artwork
  6. Click Upload Image button for the image to be uploaded
  7. Select the file from the computer
  8. Repeat steps 6 - 7 for each image to upload
  9. There is "App Artwork" to upload AND there is "Module Artwork" to upload. You must upload BOTH in order for the app to be ready for submission.


Module Artwork - Splash screens, Attendee badge artwork

  1. Click Dashboard
  2. Click Mobile App Management in the left side menu
  3. If there is more than one app defined, select the app from the dropdown menu
  4. Click App Module Settings in the horizontal menu
  5. Select Module Artwork
  6. Click Upload Image button for the image to be uploaded
    • NOTE: the Module Loading images are also know as the 'Splash Screen' images
  7. Select the file from the computer
  8. Repeat steps 6 - 7 for each image to upload


  1. Click Dashboard
  2. Click Event App below your conferences name 
  3. Click Module Settings in the yellow Get Ready Box
  4. Click Advertising from the left-hand menu
  5. Scroll to the Mobile App Footer Ads or Lobby Ads header
  6. Click Add in the respective (Mobile App Footer Ads or Lobby Ads) header
  7. Read the information provided.
  8. Upload a photo
  9. Provide a URL link for the footer ad. This will take a user that clicks on the ad to the provided URL.
  10. Provide an ad label 
  11. Repeat steps 6-10 for additional images.

Please note Skyscrapper and leaderboard ads are not available in the mobile app.

What will the App look like?

See the collection of images below: 

App Loading Splash Screen:



Lobby Loading Minimerical:

Session Description Screen:



Session Presentation List:


Participant List:









    • Related Articles

    • Mobile App Artwork Examples

      View Artwork Design examples from X-CD Clients Images are not to scale for the app. For specific size instructions, please read the Overview section here. APP ICON / MODULE ICON Artwork Design Examples     GOOGLE PLAY FEATURE GRAPHIC Artwork Design ...
    • Beginner's Guide: Creating a Conference Mobile App

      IMPORTANT!  The below guide is only for clients who have their own Apple developer account. The purpose of this article is to provide a series of steps in the process of creating the mobile app. This article is useful for beginners, but also to those ...
    • Beginner's Guide: Creating an Association/Corporate Mobile App

      IMPORTANT NOTE: Your organization will require an Apple Developer account. Click HERE for steps on how to set up an Apple developer account. The purpose of this article is to provide a series of steps in the process of creating an ...
    • Mobile App Overview

      There are 2 layers of mobile apps available through the X-CD software. The most popular is the Conference Mobile App. The other is an Association/Corporate App that encompasses additional member type services including the ability to access more than ...
    • Mobile App Settings

      How to Choose an App Name? Before building the app, add basic information. These are known as the "Settings". Begin by adding the "App Name". This is the name of the app that will be displayed in the app stores. App Names should ...