UI Design for a pre-ordering & Universal loyalty mobile app

Winner
Contest winning design

Want to win a job like this?

This customer received 36 app designs from 11 designers. They chose this app design from WebPixel as the winning design.

Join for free Find Design Jobs

  • Closed - Design Selected
  • Guaranteed

App Design Brief

We have built a central universal, preordering and gamification mobile app for alot of F&B merchant. The app is called GOBL (Gobble as in eating something fast). Main goal for this app is too

1. Give users a universal loyalty system where they can accumulate loyalty points and use it on any brands
2. Gives user the ability to preorder for their food or drinks on the app and pick it up instore
3. There will be an E-wallet that is general or there can be a brand e-wallet (where they top-up with the brand only and get extra bonus)
4. There will be promotion such as games, top-up bonuses and rewards.
5. Community app where they can send money or promotion to their friends and will be able to play games together

This app is developed on the Flutter framework and also uses fontawesome font/icon package. Please consider this when doing the UI design for the app.

We are planning to create a mascot for our app as well and when it comes to color and icon, it's not set in stone and we are open for ideas.

I will attached our app icon and a few of our screens for your reference and each page details as follows:

Navigation bar.
There is a navigation bar on the top that should be visible on all screen. On the left will be a button to enter the menu which gives user more option and on the right will be a place for them to scan their QR code for loyalty points or payment and also a button to access their e-wallet.

1. Home screen
This screen is basically the main screen after user login. In this screen there will be
- Main banner (main promotions that's controlled by us)
- Specials banner (smaller) that will be controlled by the store/brands
- Favourite Store or Favourite food/drinks that user pre-configure

2. Shop screen (or can be called something else)
This screen is where they can browse all our participating stores. This screen will include
- Categories (filter)
- Brands which user can click and only view the brand page and stores
- All stores sorted by distances

3. Brand screen
The brand screen gives our brand with multiple store a presense on the app that is branded for them. They can have their own color scheme, logo and will only display their own store

4. Store screen
This will display all the store details, opening time, location, contact information etc.
- This screen will contain a banner/store image
- Store details
- Categories
- Food/drinks within the category

5. Order history screen
This will display their current order or their past order. Not sure if it should be on the main navigation or the sub navigation.

When making the UI design, please work on a color theme that will suit and also consider a mascot design in the future.

Feel free to ask me any questions before proceeding.

Thanks


Look and feel

Each slider illustrates characteristics of the customer's brand and the style your logo design should communicate.

Elegant
Bold
Playful
Serious
Traditional
Modern
Personable
Professional
Feminine
Masculine
Colorful
Conservative
Economical
Upmarket

Files
Download all files - 4.1 MB
JPG
Screenshot_20230922_102446_Gobl
Friday, September 22, 2023
JPG
Screenshot_20230922_102414_One UI Home
Friday, September 22, 2023
JPG
Screenshot_20230922_102440_Gobl
Friday, September 22, 2023
JPG
Screenshot_20230922_102500_Gobl
Friday, September 22, 2023
JPG
Screenshot_20230922_102451_Gobl
Friday, September 22, 2023
JPG
Screenshot_20230922_102457_Gobl
Friday, September 22, 2023
JPG
Screenshot_20230922_102454_Gobl
Friday, September 22, 2023
JPG
Screenshot_20230922_102508_Gobl
Friday, September 22, 2023
JPG
Screenshot_20230922_102428_Gobl
Friday, September 22, 2023
JPG
Screenshot_20230922_102432_Gobl
Friday, September 22, 2023
JPG
Screenshot_20230922_102503_Gobl
Friday, September 22, 2023
Payments
1st place
A$110
Participation payments x 3
A$30
Total
A$200

Project Deadline
18 Oct 2023 03:25:59 UTC
Language

App Design inspiration
Restaurant app graphic design, Mobile application logo design, Mobile application poster design, Mobile application brochure design template, Fitness app flyer design, Salon app icon design, Car wash app web design, Simple mobile poster design, Gym app graphic design, Fitness app design