Deliverables Required to Build Your Conference App

Deliverables Required to Build Your Conference App 2021-04-29T22:41:53+00:00

conference app pinterestThe EventPilot® meeting platform requires some core content pieces to be published as a mobile meeting app. The event data such as session locations, speaker bios, new sessions, etc. can be updated after the event app has been released.

Get inspired - see Sample Images on Pinterest.

EventPilot on Pinterest


Initial Deliverables

Note:
Items that cannot be changed once the mobile conference app has been developed are marked with a star: *

For Standard and Enterprise Editions only: To digitally sign and submit your application to the Apple Store and the Google Play Store, you must invite ATIV to your developer accounts. If you do not yet have these accounts, please start the setup asap as enrollment can take several weeks to be completed.

Enroll today:
Apple Enrollment (iOS)
Google Enrollment (Android)

The following information is required in order to start developing your conference app:

  • Event App Name* (12-13 characters long)
  • Event color using hex color code e.g. b3b3b3
  • Event Twitter hashtag e.g. #tk11

An Adobe Illustrator template is available that contains all graphic artboards at the correct sizes. Once you receive login access to the EventPilot CMS, the file is available for download.

Event App Icon*

Use only graphics and no transparency, no border art, no rounded corners, no highlight/shine. The event app label appears underneath the icon on the devices (so do not repeat the event name in the graphic as it's already showing below).
If you must add text such as the year of the event, that text must be readable at a 57x57 resolution. The icon is shown in the stores, displayed as the app icon on the devices, and used on the conference app launch page.

  • icon-large.png file at 1024w x 1024h

Please note that on Android devices the app icon may display very differently depending on the device and Android version used. Ensure to design your graphic so that edges may be cut off without disrupting your branding. Use a 400 pixel corner radius and do not include any text in those corners.

Use the following guide to focus your graphic in the safe zone and, like the example on the right, avoid critical content in the corners

Potential different appearances on Android devices

Branded Event Banner*

event banner for conference app standard portraitevent banner for conference app standard landscape

The Home view includes a special branded event banner (and Search view on iOS) on the top of the view. See Examples on our Event Banner Pinterest page. Requirements: No transparency, no border art, no rounded corners, no highlight/shine.

  • For phone: event_banner_portrait.png at 1242w x 170h
  • For phone: event_banner_landscape.png at 960w x 88h
  • For iPhone 5/6: event_banner_iphone56_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

Launch Screen at Event App Startup*

event splash screen for conference app standard portraitevent splash screen for conference app standard landscape

This is your chance to make a first good impression — display a colorful and well-designed screen for your conference app. Avoid any text in the top 40 pixels which may be covered by a devices' status bar. See examples on our Launch Screens Pinterest page. Review Launch Sequence slides.
Requirements: No transparency, no border art, no rounded corners, no highlight/shine.

If you do not have a graphic designer, we will be happy to assist you in designing these images or refer a graphic designer (additional fees may apply).

Keep the file size for each image under 500kb and save the image using the following names and dimensions:

  • For Phone: Launch-Phone.png at 640w x 960h
  • For iPhone 5/6: Launch-iPhone56.png at 1242w x 2208h
  • For iPhone X: Launch-iPhoneX.png at 1242w x 2688h
  • For Tablet: Launch-Tablet-Landscape.png at 2048w x 1536h
  • For Tablet: Launch-Tablet-Portrait.png at 1536w x 2048h

Organization Branded Splash Screen

event logo splash screen for conference app standard portrait

In the EventPilot Standard conference app, a logo screen to brand to your organization or event slogan fades in after your launch screen. (If you have purchased the advertisement module, we recommend listing the event app sponsor there). Review Launch Sequence slides.

Use a transparent background to nicely blend into the event color that is displayed behind your graphic. All images must be 72dpi. See examples on our Sponsor Splash Screens Pinterest page.

Keep the file size for each image under 500kb and save the image using the following names and dimensions:

  • event-logo.png at 1280w x 1280h with transparent background

Launch sequence example left to right: Launch image > logo splash image > main app screen
event app launch conference app splash screen conference app main menu

Optional: Google Play Feature Graphic

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

An Adobe Illustrator template is available that contains all graphic artboards at the correct sizes. Once you receive login access to the EventPilot CMS, the file is available for download.

Review Launch Sequence slides.

Enterprise Conference App

An Enterprise app is a shell app with its own graphics. Users download events into the shell which replaces some of the dynamic graphics such as the banners. The icon and launch graphic of the shell are static and do not change with individual events.

Organization Branded Enterprise Shell App Icon*

The Enterprise shell app icon is used for the actual installed event app and should reflect your organization. It does not change per event. Install the ATD Events app to see an example.

Use only graphics and no transparency, no border art, no rounded corners, no highlight/shine. The event app label appears underneath the icon on the devices (so do not repeat the event name in the graphic as it's already showing below).
If you must add text such as the year of the event, that text must be readable at a 57x57 resolution. The icon is shown in the stores, displayed as the app icon on the devices, and used on the conference app launch page. See App Icon Examples.

  • icon-large.png file at 1024w x 1024h

Please note that on Android devices the app icon may display very differently depending on the device and Android version used. Ensure to design your graphic so that edges may be cut off without disrupting your branding. Use a 400 pixel corner radius and do not include any text in those corners.

Use the following guide to focus your graphic in the safe zone and, like the example on the right, avoid critical content in the corners

Potential different appearances on Android devices

Organization Branded Shell App Launch Screen at App Startup*

This is your chance to make a first good impression — display a colorful and well-designed screen for your conference app. Avoid any text in the top 40 pixels which may be covered by a devices' status bar. See examples on our Launch Screens Pinterest page. This launch image, like the shell app icon on the device, does not change with each event that is downloaded into the shell. It should reinforce your organizational branding. Review Launch Sequence slides.
Requirements: No transparency, no border art, no rounded corners, no highlight/shine.

If you do not have a graphic designer, we will be happy to assist you in designing these images or refer a graphic designer (additional fees may apply).

Keep the file size for each image under 500kb and save the image using the following names and dimensions:

  • For Phone: Launch-Phone.png at 640w x 960h
  • For iPhone 5/6: Launch-iPhone56.png at 1242w x 2208h
  • For iPhone X: Launch-iPhoneX.png at 1242w x 2688h
  • For Tablet: Launch-Tablet-Landscape.png at 2048w x 1536h
  • For Tablet: Launch-Tablet-Portrait.png at 1536w x 2048h

Organization Branded Shell Banner*

The Home view of the shell app includes a special branded event banner on the top of the view. Requirements: No transparency, no border art, no rounded corners, no highlight/shine.

  • For phone: event_banner_portrait.png at 1242w x 170h
  • For phone: event_banner_landscape.png at 960w x 88h
  • For iPhone 5/6: event_banner_iphone56_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: Google Play Feature Graphic

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

Individual Event Graphics

Once an event is activated, the event branded graphics display in the conference app instead of the organization graphics.

Event Branded Icon*

Each event has its own branded graphics including an icon. Any text in your icon must be readable at a 57x57 resolution. The icon is used on the event launch page and in the event selection for EventPilot Express and Enterprise.
Requirements: No transparency, no border art, no rounded corners, no highlight/shine.

  • icon-large.png file at 1024w x 1024h

Event Branded Banner*

The Now view of your event includes a special branded event banner (and Search view on iOS) on the top of the view. See Examples on our Event Banner Pinterest page. Requirements: No transparency, no border art, no rounded corners, no highlight/shine.

  • For phone: event_banner_portrait.png at 1242w x 170h
  • For phone: event_banner_landscape.png at 960w x 88h
  • For iPhone 5/6: event_banner_iphone56_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

Event Branded Splash Screen

In EventPilot Enterprise, your event splash screen is displayed after the EventPilot meeting app launch screen. This is your chance to make a first good impression — display a colorful and well-designed screen for your conference app.

Use a transparent background to nicely blend into the event color that is displayed behind your graphic.

Keep the file size for each image under 500kb and save the image using the following names and dimensions:

  • event-logo.png at 1280w x 1280h with transparent background
Example

Left: Original Graphic, Right: Display of the image inside the app above the event color in the background.

An Adobe Illustrator template is available that contains all graphic artboards at the correct sizes. Once you receive login access to EventPilot Admin, the file is available for download.

Review Launch Sequence slides.

Express Event App icon*

Any text in your icon must be readable at a 57x57 resolution. The icon is used for on the event app launch page and in the event finder.
Requirements: No transparency, no border art, no rounded corners, no highlight/shine.
See App Icon Examples.

  • icon-large.png file at 1024w x 1024h

Branded Event Banner*

The Now view includes a special branded event banner (and Search view on iOS) on the top of the view. See Examples on our Event Banner Pinterest page. Requirements: No transparency, no border art, no rounded corners, no highlight/shine.

  • For phone: event_banner_portrait.png at 1242w x 170h
  • For phone: event_banner_landscape.png at 960w x 88h
  • For iPhone 5/6: event_banner_iphone56_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

Branded Splash Screen for the Event

In EventPilot Express, your event splash screen is displayed after the EventPilot conference app launch screen. This is your chance to make a first good impression — display a colorful and well-designed screen for your conference app.

If you do not have a graphic designer, we will be happy to assist you in designing these images or refer a graphic designer (additional fees may apply).

Use a transparent background to nicely blend into the event color that is displayed behind your graphic.

Keep the file size for each image under 500kb and save the image using the following names and dimensions:

  • event-splash.png at 1280w x 1280h with transparent background
Example

Left: Original Graphic, Right: Display of the image inside the app above the event color in the background.

Floor plan images are preloaded into the app that is submitted to the app store so your attendees can instantly navigate without requiring WiFi. While modern mobile devices are quite powerful computers, there are some limitations when it comes to displaying large high-resolution graphics. Follow the details below to design optimized floor plan image files:

  • All text must be clearly readable at 100% for each floor plan image (This means: if you look at your image at 100% and you can still read the text if you zoom out to 50%, your image is too big in width and height)
  • Include the name of the map in the image "Hotel 1st floor"
  • All map images must be included in the initial app store submission of the app to ensure the best user experience. Avoid having to update maps: Instead of listing exhibitor names on the image, only use booth numbers
  • Do not use gradients. Ok to use small number of single colors for rooms or titles to make the image more appealing in the event app
  • Size Requirements:
    • Ideal image sizes: between 600 and max 1500 pixels width or height in .png format resolution.
      For very large expo maps, you can use larger sizes but you must follow these specifications:
    • if width and height are under 2,200 pixels each: .png or .jpg file format
    • if width or height is between 2,200 and 5,000 pixels: .jpg file format only (not .jpeg)
    • image cannot exceed 5,000,000 pixels (multiply width and height - 600 width x 900 height = 540,000 pixels)
    • .png file size must remain below 400kb; .jpg file size can be larger (max 1.2MB)
    • Using Adobe Illustrator: choose "Optimize Type" and save for Web and Devices. PNG files must be further compressed via https://tinypng.org
    • Save as 8 or 18 bit indexed png file to ensure smallest file size possible

The file name must be in all lower case letters without spaces or symbols. Save files as:

  • mapmapname1.png (replace mapname1 with floor name)
  • mapmapname2.png (replace mapname2 with floor name)
  • ...

Upload speaker images and exhibitor or sponsor logos via the EventPilot CMS. For best results, avoid drop shadows or borders. Images must be in .png or .jpg format and sizes cannot be larger than 25kb.

  • Speaker Photos: The event app links to the speaker photos on your server. Sizes can not be larger than 160px x 160px. For best results, images should be square as rectangular photos will be cropped to a square.
  • Exhibitor Logos: The event app links to the logos the exhibitor provide. The images are automatically scaled to 160w x 140h. We recommend exhibitors to provide their logo in this size using a white background.

Prepare all general information content that should be available offline in the app. Our team will provide you with a document template to fill in. The content is HTML formatted so that you can include links to Google maps. It's even possible to link to floorplan images within the app. Sample topics to cover:

  • Internet Access / WiFi / Charging Stations
  • Onsite Registration
  • Exhibit Hall
  • Speaker Information / Speaker Ready Room
  • Bag/Coat Check
  • Lost and Found
  • Emergency Contacts
  • Child Care / Lactation Room
  • Guest Services
  • Help Desk
  • Author Book Signings
  • Contests / Donations
  • Job Center
  • Onsite Meetups
  • ATMs
  • Convention Center Business Center

Home Screens

The home screen for the online planner and also one for the native apps can be built directly within the CMS. You can use a dashboard style or your own graphics, sponsor logos, rotating ad banners, etc. You can link to individual items within the event app or link out to other web pages. All graphics are uploaded to the EventPilot CMS.

  • For sponsor ad banners, use image size 768w x 160h. Ensure any text is legible when the image is viewed at half of its size (zoom out so the image is only 50% of its size - can you still read all the text?).

For examples, please see our Pinterest page

A Splash Screen appears after the launch image and displays for about 3 seconds before displaying the home screen. The Splash Screen is a great way to display your organization's slogan and reinforce your branding. Or use the Splash Screen to display your sponsor graphic. A 6-day medical event with 26,000 native app downloads with 2.6 million app opens generated about 1.1 million splash screen views.
The graphic appears at each full app start (e.g. app was completely shut down) and with each data update. The background color for this image will automatically be based on your chosen event color. See Launch Sequence slides.

  • sponsor.png at 1280w x 1280h with transparent background
Example

Left: Original Graphic, Right: Display of the image inside the conference app above the event color in the background.

conference app icon for GP Strategies
meeting app icon for GP Strategies

EventPilot Conference App Add-Ons

Ask your CRM about further Add-Ons such as password protection or schedule integration.

The Speaker Upload add-on allows you to invite speakers to upload content such as PDF posters, virtual posters (PDF with audio explanation), videos, or links.
Please ensure you receive permission from presenters that their slides can be made public online. Speaker uploaded files are only available to logged in users.

The Media Add-On enables you to include additional links to sessions and speakers in your event app. These media items could be links to session evaluation surveys, live polls, abstracts, etc.

If you develop your own web pages to link to, please ensure they are mobile optimized and include the following meta tags in your HTML page header:

<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
<meta name='viewport' content='width=device-width' />

Your html page source code should look like this:

<code><html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
<meta name='HandheldFriendly' content='TRUE' />
<meta name='viewport' content='width=device-width' />
</head>
<body>
Abstract text ...
</body>
</html>

Please test the page on your mobile device to ensure good usability before linking in the event app.

App Data

EventPilot conference app content is stored in a database structure. To add the content, you can use our simple EventPilot CMS or talk to your ATIV Client Relationship Manager to set up database integration with your database team.

Learn more about the available data fields in the conference app by watching our brief Data Tutorial.

When we start the project, you will receive access to our CMS. If you have a database already or existing Excel spreadsheets, but don't want to use direct DB integration, please provide us with all the content you currently have or a CSV dump for us to initially populate the event app database.

The EventPilot CMS will give you access to:

  • Conference app settings (display name, time zone, Twitter hashtag, etc).
  • Conference app image upload
  • Tab navigation layout
  • Session, speaker, exhibitor information
  • Color coded session tracks (Try Kuler to create color themes.)
  • Schedule/timeblock setup
  • Speaker photo upload
  • Rotating banner ads