DESIGN A CLEAN UI AND MOCKUP FOR A LOGISTICS WEB APPLICATION

  • Status: Open
  • Prize: $250
  • Entries Received: 14

Contest Brief

You will be creating a beautiful & intuitive user interface for our web app. We are expecting to have approximately 40 screens for the webapp. Only XD file needed

INTRODUCTION
UBALORI is a service that allows customers to book trucks to transport their cargo and find agents to do customs clearance for their cargo.

UBALORI works in an auction format, the user creates a tender, a tender can either be for transport service or for clearing service. Qualified transporters and clearing agents bid on the tender. The Agents/Transporters provide the user with their bid along with bid details like cost, delivery timeline, etc.

Web app functional flow
1. User logs in to the system and creates a new Tender for transporting their cargo from Dar es Salaam city to Zambia(Ndola city )
2. The user provides the following details when creating a new tender
• Cargo Details, i.e. Used furniture, 10Tonnes
• Picture of cargo
• Description of the cargo i.e. 1 40 feet container of used furniture
• Customer offer amount (agent/transporter can ask for an increase)
• Customer Terms and Conditions i.e. I need the cargo to be transported and insured by an insurance company.
• Destination city and/or country
• City of origin, where the cargo currently is
• Upload Bill of Lading Document
• Upload authorization letter giving the transporter authority to transport the cargo of the customer
3. Once the user provides the above details, they user will click on CREATE-TENDER button then the TENDER will be live and transporters will be able to see the TENDER and start bidding.
4. TRANSPORTERS shall see a list of available tenders, the TRANSPORTERS shall bid on the tender and provide their offer to the customer.
5. TRANSPORTER will provide below details on their bid
• Terms and conditions ie. All payments should be made before transporting the cargo
• Bid Amount (how much will the transporter charge to transport the cargo)
• Delivery timeline (How long will it take to deliver the cargo to the destination.
6. After the transporter puts in all the details , they will submit the bid; the bid will be reviewed by the customer
7. The customer will will review the bid and accept it or reject it. The customer may also revise the transporter’s bid terms and conditions and ask for a change.
8. Once the customer accepts a bid , the transporter shall see the awarded tender and all documents posted by the customer.
9. The transporter shall then start transporting the cargo and shall be updating frequently on the system on where the cargo is ,challenges faced, etc

WHAT I WANT YOU TO DO
I want you to create a mock up of 4 sample screens from the above explanation.
You can pick from below screen ideas, once i like your samples i will award you the project
1. Customer creates new TENDER
2. Customer sees a list of her TENDERS, i.e. tenders created by the customer
3. Transporter sees a list of available TENDERS in the system
4. Transporter bids on a tender with their terms & conditions
5. Transporter requests the customer to change customer’s terms i.e. customer proposed price, customer proposed delivery timeline, customer proposed terms,etc
6. Transporter views a list of his awarded TENDERS
7. Transporter sees a detailed page of their awarded TENDERS
8. Customer awards a tender to a TRANSPORTER



NOTE ::
On your sample provide a full fledged ui screen will all the details i.e. header,footer,sidebar,logo, and all other necessary details. It should be a complete ui mockup ready for coding.

Colors are green #FF0000,
orange #FF8C00 and
blue #4169E1

You can play with the colors , remove or add more colors as necessary to make the design more beautiful.

We have no logo yet, be creative and put in a simple logo.

Completion and acceptance of the whole project might take up to 4 weeks depending on your speed and productivity. Any questions please feel free to contact me

Needed file type is xd, jpeg,jpg and pdf.

Recommended Skills

Public Clarification Board

  • faizulhassan1
    faizulhassan1
    • 5 hours ago

    #19 have a look :)

    • 5 hours ago
  • Nayemhasan09
    Nayemhasan09
    • 4 days ago

    #increaseprize

    • 4 days ago
  • aminansar
    aminansar
    • 1 week ago

    All 40 screens at this prize amount?

    • 1 week ago
    1. electronicslaim
      Contest Holder
      • 1 week ago

      Hi, yes. our total budget is $250 for all screens. It could be less screens though, probably 30 or so

      • 1 week ago
  • Rashedmallick
    Rashedmallick
    • 1 week ago

    Can I send PSD file

    • 1 week ago
    1. electronicslaim
      Contest Holder
      • 1 week ago

      No. i prefer XD. Thanks.

      • 1 week ago
  • CreativeKaif
    CreativeKaif
    • 2 weeks ago

    Should complete all 40 screens for this contest.

    • 2 weeks ago
    1. electronicslaim
      Contest Holder
      • 2 weeks ago

      No, only 4 example screens needed. After i award you the project, you will create the rest screens.

      • 2 weeks ago
  • gopi00712122
    gopi00712122
    • 2 weeks ago

    working on it... in adobe XD

    • 2 weeks ago
    1. electronicslaim
      Contest Holder
      • 2 weeks ago

      good. looking forward to seeing your design.

      • 2 weeks ago
  • pankajsh973
    pankajsh973
    • 2 weeks ago

    working on it can but i have some things about your task so can you please contact me via message thanks

    • 2 weeks ago
    1. electronicslaim
      Contest Holder
      • 2 weeks ago

      Hello Pankaj, everything you need to create the mockups is clearly outlined in the document. Please read it thoroughly ; please let me know when you need further explanation. Thanks.

      • 2 weeks ago
  • hidaouimouhssin
    hidaouimouhssin
    • 2 weeks ago

    Hi, do you want a psd file or html/ css code?

    • 2 weeks ago
    1. electronicslaim
      Contest Holder
      • 2 weeks ago

      Hi i need XD file, not html/css code.

      I only need a design.

      • 2 weeks ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!