Mobile App Design: Marketing Carousel
Updated over a week ago

Marketing Carousel Slides are present on the Home Screen of the Mobile App.

If there is more than one slide, the carousel will automatically scroll between the slides. (10 second delay on iOS, 5-second delay on Android. If the user is “holding” a slide by touching the image, the slides will not automatically scroll on Android). Slides will appear on the device in the order they appear on the dashboard. The order may be rearranged using the dashboard controls (arrows on the left side of slide cards)

Image:

The image that is used for the slide. The dimensions and aspect ratio of the carousel may vary between devices. As such it is recommended to allow padding between any important text and the edge of the image to allow the images to be cropped and not affect the legibility of text

Accepted File Formats: JPG, JPEG, PNG, SVG. WEBP, GIF

File Size Limits: up to 2MB

Safe Zones:

Designated area within an image where important text, logos, or essential elements can be placed without the risk of being cut off, cropped, or obscured. This ensures that the elements remain fully visible and legible, regardless of how the image might be displayed or cropped in different contexts, such as on various screen sizes

Adding and Editing Marketing Carousel Slides in Mobile App

  1. Click on Mobile App

  1. Click on Marketing Carousel

Click on Marketing Carousel
  1. Click on Add New

  1. Click on Upload File or drag and drop image into upload box

Click on Save
  1. Click on Save

Click on DOWN arrow to decrease position in Marketing Carousel

Congrats! You've successfully added a new Marketing Carousel Slide

Rearranging Marketing Carousel Slides in Mobile App

Change the order your slides appear in app

6. Click on DOWN arrow to decrease position in Marketing Carousel

7. Click on UP arrow to increase position in Marketing Carousel

Click on UP arrow to decrease position in Marketing Carousel

8. Click on Save

Click on Save

Deleting Marketing Carousel Slides in Mobile App

Remove current carousel slides from the app

9. Click on Remove

Click on Save

10. Click on Save

Click on Remove

Examples:

Did this answer your question?