Requirements of Purpletree Mobile App

1
Requirements of Purpletree Mobile App
2

• 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 Mobil
  e Application for Opencart 3 (Multilingual) or Mob
  ile 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.

3

• 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. 31.
• 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.
• Main Color (default a50d93)
• Secondary Color (default 11c1f3)
• Button Main Color (default a50d93)
• Button Secondary Color (default f5f5f5)

4

• 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.

5

• 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

6

• 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.

7

• 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

8

• 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

View Source Here- https//bit.ly/39dmF7r
9

• 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

10
(No Transcript)