Skip to main content

Setup Page

Stefanie Lowe
Updated

Your setup page is where you will upload your splash screen (the first initial loading screen users will see for 2-3 seconds while your app loads) and home screens. You will also be able to enter a description of your app for the Apple App Store, Google Play Store and create a device name and app store name for your app.

*Note: All fields with a red asterisk are required to be completed before we can start building your app. 

Setup Page Basics

Below is a list of the required fields in the Basics section of the setup page:

App Name: Device

This name will display on individual's device who have downloaded your app. Your app device name does have a 12 character limit. It is important to note that using a space between letters within your app device name does count as a character.

App Name: Store

This will display your organization's/app name in the App Store and Google Play Store. Your app store name has a 30 character limit. It is important to note that using a space between letters within your app device name does count as a character. 

 

Screen_Shot_2020-10-07_at_10.49.02_AM.png

 

Description 

The description box is where you will create a description of your app that will be displayed in the Apple App Store. There is a character limit of 4,000 characters for this description box. In the App Store, the first 580 characters are displayed initially, then the rest of the text is available via a More button.

Here's an example of an app description:

This app is the communications hub for aware3 church.
-Sign up for events and small groups
-Watch sermons
-Access discussion guides
-Give and support specific needs
-Request immediate prayer or help
-Access text-to-give and other texting tools
-Occasional notifications for events or last-minute changes
These tools are to help you grow roots in our community and to share aware3 church with others!

Short Description

This description box is where you will create a description of your app that will be displayed in the Google Play Store. This description box has a character limit of 80 characters.

Here's an example of a short description:

This app is the communications hub for aware church. Watch sermons, give & more

Keywords

Keywords help individuals find your app in the app stores when they search by the keywords you have entered.

Screen_Shot_2020-10-07_at_10.49.54_AM.png

*Note: Your app device name, app store name, description, short description and keywords cannot be changed dynamically after your app is live. In order to have changes to these fields be reflected in the app stores, your app must be submitted to Apple and Google to go through their review process. Your app is scheduled to be updated every six months. You can make changes to any of these fields at any time and then after your scheduled six month update, your changes will be reflected in the app store.

Icon 

The app icon is the very first thing your user sees when downloading or using your app. It also lives on your Giving pages. Make sure it is an icon that is easily recognizable and clearly legible for your brand. Keep text on your icon minimal. Use your primary color as either the color of the icon or background color.

  • Size: 1024x1024px
  • Format: PNG (no transparency)
  • Usage: Display on phone home page, receipt pages, and on any giving form.

*Note: The icon should be full-bleed, with no shadows or corners applied, and not transparent. Additionally, the icon can not be changed dynamically after your app is live. Check out some more examples and tips for creating your app icon in our Design Guide. 

Splash Screen

The splash screen is your branded loading screen. This is a full frame static screen that welcomes your user to the app when loading. Consider using an image or dynamic design elements that showcases the personality of your brand. Remember, for consistency, it is best practices to use the same color palette you are using across the app. Feel free to add your tag line or branded copy to add personality as well.

setup_page_graphic_help_desk.png
  • Sizes:
    • 1242 x 2208 px (TouchID iPhones)
    • 1284 x 2778px  (FaceID iPhones)
    • 2048 x 2732 px (iPad Portrait)
    • 2732 x 2048 px (iPad Landscape)
    • 1440 x 2560px (Android)
  • Format: PNG
  • Usage: Application splash (boot/initial) screen

*Note: The splash screens cannot be changed dynamically after your app is live. 

Screen_Shot_2019-02-04_at_2.18.17_PM.png

 

Home Background

The Home Screen is where all of the magic happens! Your buttons live here for easy navigation between features. You will need to build a background at multiple sizes:

  • 1242 x 2208 px iOS (TouchID iPhones) *must be PNG
  • 1284 x 2778 px iOS (FaceID iPhones) PNG or JPEG
  • 2048 x 2732 px iOS (iPad Portrait) *must be PNG
  • 2732 x 2048 px iOS (iPad Landscape) *must be PNG
  • 1488 x 2266 px iOS (iPad Mini Portrait) *must be PNG
  • 2266 x 1488 px iOS (iPad Mini Landscape) *must be PNG
  • 1440 x 2560px (Android) JPEG or PNG

Include branding (you can also include: color, imagery, service information, and pretty much whatever you want!) You also have 4 different grid height ratios to choose from.

Grid Height Ratio

You will need to choose the grid height percentage at which you’d like to display your buttons. Because the Home Screen background image is set behind the buttons, 40, 60, 80 or 100% of the image will be semi-covered by feature buttons at the bottom, while the remainder of the display will be available as your header.

Screen_Shot_2019-02-04_at_1.51.35_PM.png

To learn more about the feature buttons and images that will be display on your app, go to this feature article.

Android Feature Graphic

Size: 1024x500px

Format: PNG (no transparency) or JPEG

Usage: Feature image in Google Play

Google Play requires a header graphic to display within the Play Store. You can read more about the graphic here, under the Feature Graphic section.

 

Putting It All Together

  • App Icon: 1024x1024px PNG
  • Splash Screen iOS - no transparency (PNG):
    • 1242 x 2208 px iOS TouchID iPhones
    • 1284 x 2778px iOS FaceID iPhones
    • 2048 x 2732 px iOS iPad Portrait
    • 2732 x 2048 px iOS iPad Landscape
  • Splash Screen Android - no transparency (PNG or JPEG):
    • 1440 x 2560px
  • Home Background iOS - no transparency:
    • 1242 x 2208 px iOS (TouchID iPhones) PNG
    • 1284 x 2778 px iOS (FaceID iPhones) PNG or JPEG
    • 2048 x 2732 px iOS (iPad Portrait) PNG
    • 2732 x 2048 px iOS (iPad Landscape) PNG
    • 1488 x 2266 px iOS (iPad Mini Portrait) PNG
    • 2266 x 1488 px iOS (iPad Mini Landscape) PNG
    • 800 x 200 px Home Header Image (If using 100% Grid Height) PNG
  • Home Background Android - no transparency:
    • 1440 x 2560px px Android JPEG or PNG
  • Feature Buttons: 300x300px (Standard) / 600 x 300 px (Wide) PNG (transparency supported)
  • Google Play Feature Graphic: 1024x500px PNG or JPEG

Templates

We have some easy to use design templates that you can download here. (Templates include .psds for icon, all screen sizes, and buttons.)

You can also access our Feature Images Library which includes styled themes for your buttons.

 

Additional Information / Q&A

Q: Does resolution affect my images?

A: No. The PPI or DPI of an image displayed on-screen or in your app doesn't change the way it's displayed. A standard PPI to work from is 72, and will work great in-app and on-screen.

*Note: Check out our full Design Guide, made by our expert Design Team, to optimize all of the design options in your app!

 

If you have any questions or need help, send us a note at support@aware3.com!

Related articles

Comments

0 comments

Article is closed for comments.

Powered by Zendesk