Requirements of Purpletree Mobile app

Purpletree Mobile app allows you to get your Opencart or Magento website in an app that will be a hybrid app. It will be easy to use and ready to build the app, the mobile app is available on  Android as well as on the iOS platform. 

We have used Cordova / Ionic Technology to build the app. We would need app content like logos, images, and color codes which would be set in the application when we compile the application for the client.

The client just needs to purchase Purpletree Mobile Application for Opencart 3 (Multilingual) or Mobile Application for Magento 2 (Multilingual).

Following are the requirements which need to be provided by the client once you purchase the mobile app.

There are different requirements for Android and IOS apps, so you have to give these to the Purpletree team to start building your mobile app accordingly.

App Name

Please provide the Application Name for the app which you want to see when app is installed in Mobile. Name would be Same for Android and IOS app.

Header Logo

This would be used inside the app on the top header and left menu, the client has to provide this in PNG format only.

Our Recommended size for app logo is 1200 X 400 (Width X Height). Any size other than this would displace logo positions. If the same size is not possible try to give the logo in the same ratio i.e. 3:1.

Color Codes

Following elements are given colors according to the choice of the client. These colors will be used in the application on different pages at their predefined location.

Changing the color will affect all pages and not just one block. For Example, if the Main color is used on more than one page, then it will be changed on all pages.

  1. Main Color (default #a50d93)
  2. Secondary Color (default #11c1f3)
  3. Button Main Color (default #a50d93)
  4. Button Secondary Color (default #f5f5f5)

Mobile Logo

This Logo is the App logo which would be visible on your mobile as an app icon. Please provide the App Logo in the following sizes for different mobile screens, all sizes are must be required to build the app. Make sure which logo you want to provide with transparent background or colored Background. All Images must be in PNG format.

2

Images Size (Width x Height) - For Android

Images in the mentioned dimensions are required by Android to publish the app.

  • 72 X 72
  • 36 X 36
  • 48 X 48
  • 96 X 96
  • 144 X 144
  • 192 X 192
  • 324 X 324
  • 216 X 216
  • 432 X 432

Images Size (Width x Height) - For IOS

Images in the mentioned dimensions are required by Apple to publish the app.

  • 57 X 57             
  • 114 X 114
  • 20 X 20
  • 40 X 40
  • 60 X 60
  • 48 X 48
  • 55 X 55
  • 29 X 29
  • 58 X 58
  • 87 X 87
  • 40 X 40
  • 80 X 80
  • 88 X 88
  • 50 X 50
  • 100 X 100
  • 120 X 120
  • 180 X 180
  • 72 X 72
  • 144 X 144
  • 76 X 76
  • 152 X 152
  • 167 X 167
  • 83 X 83
  • 172 X 172
  • 192 X 192
  • 1024 X 1024

Splash Screens Images

When the Mobile app is loading, the splash screen image is viewed firstly, and then the mobile app contents are visible.

The client has to provide the Images in all of the following dimensions, as a different image is viewed on different mobile size. All the images must be in PNG format.

1 a

Splash Images Size (Width X Height) – For Android

Splash Images in the mentioned dimensions are required by Android to publish the app.

  • 800 X 480
  • 320 X 200
  • 480 X 320
  • 1280 X 720
  • 1600 X 960
  • 1920 X 1280
  • 720 X 1280
  • 960 X 1600
  • 1280 X 1920
  • 480 X 800
  • 200 X 320
  • 320 X 480

Images Size (Width X Height) – For IOS

Splash Images in the mentioned dimensions are required by Apple to publish the app.

  • 640 X 960
  • 320 X 480
  • 640 X 1136
  • 750 X 1334
  • 1242 X 2208
  • 1125 X 2436
  • 2048 X 1536
  • 1024 X 768
  • 2208 X 1242
  • 2436 X 1125
  • 1536 X 2048
  • 768 X 1024