This guide is to help you understand the different asset formats and sizes for your RepeatMD app.
Branding and personalization
Business Logo
Your logo is the key identifier in-app that visually connects your clients to your business. Logo's should be the same logo you use across your other channels, and align with the rest of the in-app collateral.
Best Practices:
Dimensions:
File Type:
|
|
💡Pro tip:
Having issues resizing your logo? Contact your onboarding team member or CSS to help you ensure your logo is optimized correctly so you can maximize its impact.
Icons:
FaviconDimensions:
File type:
| iOS IconDimensions:
File type:
| Android IconDimensions:
File type:
|
|
Primary app color
The brand color you choose is important because it is a direct representation of your business branding.
To ensure that both your branding needs are met and legibility is supported, you will work with your onboarding team member.
Formats include: RGB, HSL, or HEX
💡Pro tip:
Because your brand color is used as the background color AND font color in different areas on the app, the font color when your brand color is the background will always stay white.
Home Screen
Hero Image
As a marketing tactic, hero images give a first glimpse into your business or what you're offering with prominent placement in your app.
Best Practices:
Dimensions:
File Type:
|
|
💡Pro tip:
Not sure which image to use? Ask your onboarding team member to review our library of image options for your app.
Connect with us
Connect with us is a section on your homepage where the user can review basic information about your business. By default, the image will populate as your business logo, however, you can change this to be more representative of the location.
To learn more about your app's Home screen, click here.
Discover
Discover Campaign Cards:
The Discover page was designed to share whatever information you think will be impactful or interesting to your clients. You can set up content cards that link out to your Google reviews site, booking software, or blog.
Best Practices
Dimensions:
File Type:
|
|
Special and Automated Offer Campaign Cards:
When creating a Special or Automated Offer, you will also create a Discover card. You will use the dimensions above: Dimensions:
File Type:
|
Home Screen Carousel Image:
Additionally, the Offers will populate in a carousel on your Home screen. The image you upload for the Special or Automated Offer will automatically resize to fit the dimensions in this placement as well.
Should the user click into one of these offers, they will be directed to the campaign card in the Discover screen. |
To learn more about what you can feature on your app's Discover page, click here.
Shop - Browse
Hero Image
When your clients is browsing your shop, there will be a hero image at the top of the screen. This image is prime placement to help promote a specific treatment, package, or membership you offer.
By default, this will set to link out to your best selling item on your app, however, you are able to change this to promote any treatment, package, or membership you wish.
Best Practices:
Dimensions:
File Type:
|
|
Category thumbnail images
The Browse tab on your Shop is categorized content designed to guide users to specific Shop filter. As the user scrolls down, they will see the list of the categories accompanied by thumbnail images to help keep the app elevated and the user engaged.
Best Practices
Dimensions:
File Type:
|
|
Category header images
The Browse tab on your Shop is categorized content designed to direct your clients to specific Shop filters. These different areas on browse can be whatever you want, but they come with thumbnail images to help keep the app elevated and the user engaged.
Best Practices
Dimensions:
File Type:
|
|
Shop - Services
Treatments and Packages - Imagery
The Browse tab on your Shop is categorized content designed to direct your clients to specific Shop filters. These different areas on browse can be whatever you want, but they come with thumbnail images to help keep the app elevated and the user engaged.
Best Practices
Dimensions:
File Type:
|
|
Membership - Imagery
The imagery that you upload for your Memberships serve a similar purpose as above. You want to attract the user to click in and learn more.
Best Practices:
Dimensions:
File Type:
|
|
Have additional questions about the assets on your app?
Contact our Support Team at support@repeatmd.com.