Park.in App Design & Branding

Park.in App Design & Branding

With covid as the new normal, as something that isn’t going to be leaving us anytime soon, it is important to take precautions in every possible way. Everything around us is being digitalised to minimise contact. 

Malls have reopened once again, with their reopening, it means that they will be crowded. The toughest part of visiting a mall is always the parking, the more the crowd, the busier the parking. At the entrance of mall parking, there is a boom barrier gate. In order to get the ticket/card for the parking, one to press the button or a helper does it for you.

Hence creating contact, enabling covid to spread. Once you have the ticket, the next challenge is to get a parking spot, which is never easy because you have to take several rounds in order to get the spot. Automating the whole parking system will not only lessen the spread or cut down the chances of the spread of the virus as well as speed up the process.

With covid as the new normal, as something that isn’t going to be leaving us anytime soon, it is important to take precautions in every possible way. Everything around us is being digitalised to minimise contact. 

Malls have reopened once again, with their reopening, it means that they will be crowded. The toughest part of visiting a mall is always the parking, the more the crowd, the busier the parking. At the entrance of mall parking, there is a boom barrier gate. In order to get the ticket/card for the parking, one to press the button or a helper does it for you.

Hence creating contact, enabling covid to spread. Once you have the ticket, the next challenge is to get a parking spot, which is never easy because you have to take several rounds in order to get the spot. Automating the whole parking system will not only lessen the spread or cut down the chances of the spread of the virus as well as speed up the process.

· Solution

· Solution

The idea is to design an application that, with the help of a QR code on the boom barrier gate, automatically clocks in your time at the mall parking entrance and helps you save time by finding parking spots in the mall basement.

Users, when leaving the parking, will have to scan the barrier once again, which will automatically debit money from their UPI numbers.

The idea is to design an application that, with the help of a QR code on the boom barrier gate, automatically clocks in your time at the mall parking entrance and helps you save time by finding parking spots in the mall basement.

Users, when leaving the parking, will have to scan the barrier once again, which will automatically debit money from their UPI numbers.

· Year

· Year

2022

2022

· Timeframe

· Timeframe

1 Months

1 Months

· Tools

· Tools

Adobe XD, Adobe Ilustrator

Adobe XD, Adobe Ilustrator

· category

· category

UI/UX Design, Branding

UI/UX Design, Branding

· User flow

· User flow

View Parking

QR Scan

QR Scan

Select Mall

Scan page

Scan page

Select Parking Slot

Clock in

Clock out

Confirm

Select slot

UPI app

Confirm

Payment

Confirm

End

Park.in

Park.in

Park.in

View Parking

QR Scan

QR Scan

Select Mall

Scan page

Scan page

Select Parking Slot

Clock in

Clock out

Confirm

Select slot

UPI app

Confirm

Payment

Confirm

End

Park.in

Park.in

Park.in

Park.in

View Parking

Select Mall

Select Parking Slot

Confirm

Park.in

QR Scan

Scan page

Clock in

Select slot

Confirm

Park.in

QR Scan

Scan page

Clock out

UPI app

Payment

Confirm

End

· Information architecture

· Information architecture

Park.in

Login

Email

Set

Manually

QR

Scan

QR

Scan

Select

Mall

QR Scan

QR Scan

Password

Auto

Detect

View

Parking

Scan

Page

Select

Slot

Scan

Page

Scan Page

Forgot

Password

History

UPI App

UPI App

open

Number

Payment

Payment

Payment

Google /

Apple Login

Redirect

App

Confirm

Payment

Location

Menu

Clock

-In

View

Parking

Clock

-out

PAyment

Park.in

Login

Email

Set Manually

QR Scan

QR Scan

Select Mall

QR Scan

QR Scan

Password

Auto Detect

View

Parking

Scan Page

Select Slot

Scan Page

Scan Page

Forgot

Password

History

UPI App

UPI App open

Number

Payment

Payment

Payment

Google /

Apple Login

Redirect App

Confirm Payment

Location

Menu

Clock In

View Parking

Clock out

PAyment

Park.in

Login

Email

Set Manually

QR Scan

QR Scan

Select Mall

QR Scan

QR Scan

Password

Auto Detect

View Parking

Scan Page

Select Slot

Scan Page

Scan Page

Forgot Password

History

UPI App

UPI App open

Number

Payment

Payment

Payment

Google / Apple Login

Redirect App

Confirm Payment

Location

Menu

Clock In

View Parking

Clock out

PAyment

· Task Flow

· Task Flow

Park.in

Login

New User

Apple

Google

Phone Number

Log out

Set Location

Manually Set Location

Detect Location

Menu

QR Scan

View Parking

History

Payments

Add UPI ID

Scan Page

Clock in

Clock out

QR Scan

Redirect to

UPI App

Payment Confirmed

Select Mall

Select Slot

Car Parked in L1 - E65

Previous

Parks

Transaction

History

Start

END

Park.in

Login

New User

Apple

Google

Phone Number

Log out

Set Location

Manually

Set Location

Detect Location

Menu

QR Scan

View Parking

History

Payments

Add UPI ID

Scan Page

Clock in

Clock out

QR Scan

Redirect to

UPI App

Payment Confirmed

Select Mall

Select Slot

Car Parked in L1 - E65

Previous

Parks

Transaction

History

Start

END

Park.in

Login

New User

Apple

Google

Phone Number

Log out

Set Location

Manually

Set Location

Detect Location

Menu

QR Scan

View Parking

History

Payments

Add UPI ID

Scan Page

Clock in

Clock out

QR Scan

Redirect to

UPI App

Payment Confirmed

Select Mall

Select Slot

Car Parked in L1 - E65

Previous

Parks

Transaction

History

Start

END

· Colors

· Colors

Purple

Purple

Hex

Hex

#6602CB

#6602CB

RGB

RGB

102 2 203

102 2 203

HSL

HSL

270 98 40

270 98 40

Dark Purple

Dark

Purple

Hex

Hex

#4D009B

#4D009B

RGB

RGB

77 0 155

77 0 155

HSL

HSL

270 100 30

270 100 30

Navy Blue

Navy Blue

Hex

Hex

#121A50

#121A50

RGB

RGB

18 26 80

18 26 80

HSL

HSL

232 63 19

232 63 19

White

White

Hex

Hex

#FFFFFF

#FFFFFF

RGB

RGB

255 255 255

255 255 255

HSL

HSL

0 0 100

0 0 100

· Typography

· Typography

The carefully selected typefaces for maximum legibility both in app as well in print. Primary font used is Nunito.

The carefully selected typefaces for maximum legibility both in app as well in print. Primary font used is Nunito.

Nunito

Regular

Medium

Semi Bold

Black

Aa

Paragraphs

&

Headlines

Aa

· Iconography

· Iconography

QR Scan

View Parking

History

Payment

Payment

Mail

Confirmed

QR Scan

View Parking

History

QR Scan

View Parking

History

Payment

Mail

Confirmed

Scan Again

· High Fidelity Design

· High Fidelity Design

9:41

9:41

9:41

9:41

9:41

9:41

9:41

9:41

9:41

9:41

9:41

9:41

· From one idea to the nextsee more below.

· From one idea to the nextsee more below.

· Hit Me Up!

· Hit Me Up!

LET'S WORK

LET'S WORK

LET'S WORK

© 2025 Salwa Khan. All Rights Reserved.