Role Art

ROLE

UX/UI Designer

Duration Art

DURATION

Aug 2020 - Sept 2020

Agency Art

AGENCY

LeoCoders Corp.

Freelance

About the Project

Drapshop is a freelance project I used to work with during the Pandemic. The agency that I have worked with provided a functional scope document with the defined features, whereas I followed the process flow and the design objective. The system facilitates its users to find restaurants or grocery shops around their area, pick from the list of their online menu, and get delivered fresh items straight to their door. There are four different types of registered users - customers, restaurants/grocery store owners, drivers, and administrators. I worked on the customer web and mobile app, restaurant or grocery web and mobile app, and driver mobile app.

My Role in the Project

I was a freelance UI/UX Designer for this project. My goal is to provide a user-friendly and appealing interface for its users. I designed the UI components of web mockups then shared with the client an Adobe XD link where they can use it for their front-end development.

Drapshop Restaurant or Grocery Store Web App Mock-upsDrapshop Customer Mobile App Mock-ups

Branding

As part of my freelance work for the agency, they also get me to do the branding logo of the product. The client provided the exact color that I will use. The client advised getting inspired by the brand logo of Doordash also highlight the D and S initials on the logo.

E Shape Art

D shape

Means "drap"

+

E Shape Art

S shape

Means "shop"

Example 1 Art
Example 2 Art
Example 3 Art
Font Art
Font Art
Color Scheme Art

Main Takeaways

I'm also fond of using online ordering food applications, and so I'm very familiar with how the system works. This project is one of the exciting designs that I worked on because I get a chance to create my creative assets. Form the image banners that I selected to use, up to vector graphics in each step of the ordering process. It is an excellent opportunity to enhance my skills in creating photo manipulations and vector art.

Take away Art