Design & Image Specifications
- 13 May 2022
- 2 Minutes to read
-
Contributors
-
Print
-
DarkLight
Design & Image Specifications
- Updated on 13 May 2022
- 2 Minutes to read
-
Contributors
-
Print
-
DarkLight
This page provides all the specifications you need to help you design your Branding/ Images.
The table content for Design & Image Specifications as follows:
- Business Logo
- Webapp Homepage
- Desktop Site Background
- Digital Member Card Visuals
- Reward Visuals
- Referral Visuals
- Benefits Page
- Gift Card Visuals
- Store Card Visuals
2. Go to Channels > Web App > General > Basic > Upload logo > Save.
3. You can change your App Name. App name will reflect when saved on your mobile home screen.
Webapp Homepage
There are two (2) ways to create homepage using Individual WebApp Buttons (Mockup A image below).
1. Go to Channels > Web App > Menu & Home > Menu.
2. Click "+ Add Header Menu" to create new headers for homepage.
3. Upload webapp button image for each header menu. Specifications can be found in Mockup A below.
4. Input title, link image to respective url and click "Save".
5. Continue to build your homepage by repeating steps 2-4.
6. To add Webapp Header in homepage, go to Web App > Menu & Home > Theme
7. Upload image under "Header" section.
OR to create the homepage using Single Background Image (Mockup B image below).
1. Go to Channels > Web App > Menu & Home > Theme.
2. Upload image in the "Background Image" section.
3. Next, go to Menu and click "+ Add Header Menu"
4. Input title, link image to respective url, select preferred icon and click "Save".
5. Continue to build your homepage by repeating steps 3 and 4.
Desktop Background
1. Go to Channels > Web App > Theme > Desktop View
2. Scroll down to "Desktop Browser Background" to upload your image and click "Save".
Digital Member Card Visuals
1. Go to Playbooks > Membership
2. On the top right corner of the page, click
to create a new tier.
3. Upload member card image and Click "Save"
4. To replace the member card image, simply click "Edit" on the selected tier and upload a new card image.
Reward Visuals
1. Go to Playbooks > Rewards > Click + Create button
2. Upload image and "Save".
Referral Visuals
1. Go to Playbooks > Referral
2. Upload "Referral Banner" and "Save".
Benefits Page
1. Go to Playbooks > Pages > Click "+ Create" button to create a new page.
2. Choose any of these 7 templates to build your page.
StoreApp
Step 1: Login to backend Admin https://xm.eber.co
Step 2: Go to Channels > StoreApp > Covers > + Add > Select Orientation > Upload Image > Save
i) Landscape view:
- 2048 pixel x 1536 pixel (Recommended on iPad)
- 1920 pixel x 1280 pixel (Recommended on 8" Android tablets)
ii) Portrait view:
- 1280 pixel x 1920 pixel (Recommended on Android Smartphones Portrait Version)
(b) Backend Admin and View in StoreApp
Member Web App
Businesses have three options to design the Web App background:
1. Theme Background
Step 1: Login to backend Admin https://xm.eber.co
Step 2: Go to Channels > WebApp > Theme
a) Desktop Browser Background
Recommended image size to be in high resolution for:
iPads - 2048pixel x 1536pixel
Android 8" tablets - 1920pixel x 1280pixel
Android Smartphones (Portrait Version) - 1280pixel x 1920pixel
b) Menu Page Background Image
For portrait image, the specifications are 640 pixel x 2000 pixel.
For landscape image, any reasonable specifications is appropriate as the image will be displayed repetitively.
If you would like the member card image to be displayed at the top of the page (as shown below), you may tick the Show Member Card box.
3. Custom Menu Page
You may refer here to create your own custom menu page
[Membership card/ Giftcard / Rewards Storecard image] Recommended dimension
Rewards:
Reward item - 1200 pixel x 758 pixel recommended (Information and Design sample)
Was this article helpful?