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
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
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
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
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
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
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
Confirmed
QR Scan
View Parking
History
QR Scan
View Parking
History
Payment
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 next—see more below.
· From one idea to the next—see more below.