CMA: Image Requirements and Specifications

The Consumer Mobile App (CMA) is a customized booking solution aimed towards your guests and allows them to book an appointment, make a payment, and view memberships and packages directly from their mobile devices.

Businesses can personalize and customize the CMA according to their branding and marketing requirements.

During the initial set up of the CMA, businesses are required to share multiple assets in specific formats and resolutions. These assets will be used across multiple screens on the CMA and convey crucial information such as service offerings. .

This article lists down all the image requirements and their specifications necessary to build a quality guest-facing application for a business.

Businesses should share these images with their Customer Success Managers either via Dropbox or via email.

The image requirements are classified as follows:

• Branding Images
• Homepage Tile Images
• Category Images
• Banners

Branding Images

Branding images allow you to create a unique and distinctive look for the CMA, albeit being in-line with your marketing requirements.

You must provide the following images in the following specifications:

> Logos

These logos will appear when a guest first signs up for your CMA application (or signs in again after logging out); It also appears at the bottom of the menu navigation screen.

> Splash Screen

This screen appears as soon as the app is launched. The splash screen image will appear on the screen approximately for 1-2 seconds with a white background.

You must share the image that will appear on this screen. Preferably it will be the business logo or an emblem.

> App Icon

App icons are the images you tap to open or launch an application.

You must provide a logo or an image that will appear on the home screen of the guest’s mobile device and also on the respective app stores.

Homepage Tile Images

You must provide the following images that appear on the home screen:

• Background Image: The image appears on the background of the home screen behind all the visible elements. A good background image elevates the look and feel of the app without hindering the text and other elements in the screen.

Please take into account the spacing of the tiles in the center of the image, and the social media icons at the bottom. The icons will be either white or grey, depending on the primary tone of your background image.

• Home screen Customer Logo: The logo will appear on the top of the home screen.

• Home screen Tile Images: The CMA home screen will contain four tiles or two tiles ( as per your needs) which redirect the guests to various features or sections of the app. For example, you will have tiles for appointment booking, for viewing special offers, and contacting the business.
  You must provide images or icons that appear on the tiles of the home screen.
  Note: Of the four tiles, the first tile will always be the Book Now tile. You must provide the icon for the Book Now tile. The Book Now tile will redirect guests within the app. The other three could be as per your options such as Gift Cards, Offers, Magazine, Shop etc.

The color of the tiles and the opacity can be determined by the businesses.

• Social Media Icons: These images can be arranged based on the preference and link to your social profiles. Please ensure a transparent background, they will overlay your background image.

Category and Gift Card Images

Service category images and the gift card category images are the only ones that can be updated by you and can be changed frequently without Zenoti re-publishing the app.

To update the Service Category images, navigate to organization-level Admin > Categories > Services > <Category Name> > General. Click Upload to upload the category image.

To update the Gift Card images, at the organization-level, navigate to Admin > Organization > Organizations > Online Booking > Webstore V2 template > Gift Cards section. Paste the image URL in the CMA Gift card Image URL field.

In case you need an Image URL, you can upload the image into the Zenoti Image Gallery. At the organization-level, navigate to Admin > Setup > Image Gallery.

The rest of the images require an app update that needs to be pushed from the respective app stores - This can be coordinated with your Zenoti Customer Success Manager after your app is launched.

These images appear on the service category indicating the type of category. For example, for a massage category, you could use an image that is similar to the example below:

This is how your category images would display within the app.

Original image (800x600)

Section of image that is displayed, approx (800 x 280) or ~160px either side of image horizontal midpoint.

Alternatively, you can add transparent padding to your category image instead of aligning it for cropping:

Final display in app

Optional: Gift Card Promotion Banner

You can utilize the highlighted section below for displaying marketing banners and offer banners currently being offered at your center.

To update the Gift Card Banner images, at the organization-level, navigate to Admin > Organization > Organizations > Online Booking > Webstore V2 template > Gift Cards section. Paste the banner image URL in the CMA Gift Card Promo Banner URL field.

In case you need an Image URL, you can upload the image into the Zenoti Image Gallery. At the organization-level, navigate to Admin > Setup > Image Gallery.