Main Mo-Apps / How to use / Design | Restaurant

Design | Restaurant

Choosing a design for the restaurant application

The Design module was created so that you can visually communicate with customers by setting up a design for your restaurant’s mobile application.

Designing an app for retention and full familiarization with all the information presented, and also makes the user a pleasant aesthetic impression. In the designer, you choose the perfect design for your institution’s mobile application, first of all by choosing a background at the beginning of the application creation, either loading your own or choosing a plain color.

You can select the background in the Previewer viewer by downloading it to your phone, or you can view the result of the created application on the site, on the right side of the designer for different mobile devices with the following operating systems: iOS, Android.

1. Gallery Background Selection

If you want to replace the previously selected background with one of our gallery, then you need:

  • click on "Choose background"
  • in the window that appears, view all the backgrounds that our company offers
  • click on the background you like
  • to view the result, click “Save”, which is located under the “Icon Selection” section and wait a few seconds for the background in the application viewer on the site to be updated.

select the background for the application from the gallery

2. Loading custom background

If you decide to upload your own background, then you need to:

  • click "Upload your background"
  • select on your computer an image with a size of at least 2048x2732 px and in the format: jpg, png
  • if the background you are loading is in horizontal orientation, then click on the selected area and hold the left mouse button, drag the vertical rectangle to the part of the image that you want to use as a background in your mobile application for cafes and restaurants
  • having selected part of the image for the background, click OK
  • in a few seconds you will see the added image as a background for the mobile application in the viewer on the site, on the right side of the designer

load your own application background

3. Fill Selection

If you decide to make the background plain, then the “Fill Selection” function is created especially for you. To choose a fill color you need:

  • click Select Fill
  • select a color by dragging the bar on the vertical color bar
  • choosing a color, you can choose the desired shade lighter or darker
  • Having decided on the color and shade, click the OK button
  • click "Save" to see the result in the viewer or on the website or in the Previewer application

fill selection for the application

4. Icon Selection

If you have already selected the background of the mobile application, then it remains only to select the icon.
The icon is a small image that will be displayed on the desktop of mobile devices of your users and when clicked on, your mobile application will open. During the development of the design for the application, you can select the icon from the proposed options, for this you need:

  • click on the picture called “Background” and select the one that, in your opinion, best suits the application
  • click on the picture called “Icon” and select a picture that will successfully combine with the selected background and will correspond to the application you created in the designer
  • the selected icon will be displayed in the image called “Result”
  • click save

select the icon for the application

5. Loading custom icon

If you want to upload your icon:

  • click "Upload your own icon", the minimum resolution of which must be at least 1024x1024 px, square in shape, icon file format: jpg, png
  • the loaded icon will be displayed as an image called "Result"
  • click save

6. Download logo

  • Minimum resolution must be at least 512x512 px
  • valid file format: jpg, png
  • maximum file size not more than 1 megabyte
  • click on the “Download logo” button, select a logo and confirm the action by clicking “Open”
  • click "Save" to see the result in the viewer on the site or in the Previewer application

If you want to delete the logo you downloaded earlier, click "Delete logo" and save the changes by clicking "Save."

download company logo