Design portfolio 2022

Page 1

2022

DESIGN PORTFO IO

L

Saurabh Shiwankar
I am Saurabh, a visual designer and illustrator based in Nagpur, India. I am passionate about storytelling and illustrating. My goal is to create beautiful things that can spark conversations and improve moods and lives. Namaskar ..... Curriculum vitae Connect me Click to other profiles saurabhshiwankar1995@gmail.com Linkdin Behance +91 87199 30097 +91 79747 20874 Education Technical skills MDes (Visual communication) Bachelor of Planning School of Planning & Architecture Bhopal 2021 Adobe illustrator Adobe Photoshop Adobe After effect Adobe Indesign Figma Adobe XD Voiceflow Maulana Azad National Institute of Technology, Bhopal 2014-2018 Professional experience Centre for Urban & Regional Excellence Project associate (CURE India) March 2019 - September 2021

Content

Design for fast reporting of Financial Cyber Fraud UI/UX project

Devanagari display typeface design inspired from Bhil art form

Comic book for prevention of drug addiction among street children Typeface design project

Visual design

Design for fast reporting of Financial Cyber Fraud

Project guide: Dr. Shanu Sharma Police mentor: Mr. Vineet Kapoor (IPS) DCP (HQ) Bhopal

Introduction of project

This is the semester long project which is a part of academia, also it has been done under ‘MP Police Student internship program’ 'Cyber crime awareness program and public outreach on cyber crime'

The objecti es of this project

Und rstand ng th conc pt and tr nds of cyb r cr m

Analyz ng th factors aff ct ng th v ct m and pol c op rat on Id nt fy ng th gap (s rv c , product, tc D s gn ng th solut on

Time period 3 months

Methodology

Desi
ommon
Re
So
c
User
User
Final
Understanding the need Literature revie Open discussions with police Trends and data Interviews with victims of fraud Journey mappin Stakeholders roles Service a Time delay ain point Existin solution analysis
n oa Objective Scope & limitation
use g ou Pain points
ui ements
ting info mation
ating use flow
research Identifying gaps Problem statement define
persona Information redesign
design
User research Journey of victim Name : Mr. Raju Gupta (Changed name) Receiving random Name : Mr. Dipankar Banarji(Changed name) Education: Post graduate Age : 23 Occupation: Student 25,000 Rs. lost

Primary research Expert insights

Insights

Helpline 1930 is very useful for stopping financial frauds, maximum of cases has been solved. But, complaints must be come on time.

Probl m fac d by olic offic r Lack of IT infra tructur Lack of workforce

Information T chnology Act, 2000 Dir ct that, cyb r-crim mu t b inv tigat d by an offic r of or abov th rank of a Polic In ctor

Av rag r day com laint

25-30

Sometimes, in the case of a current account whole money could be withdrawn.

Catching the criminal is very difficult task because regional jurisdictions Many times criminal belong to juvenile category

Best strategy is to stop transaction, do not let fraudster to take out money.

Mr. Akshay Chaudhari (IPS) DSP Bhopal Cyber crime Mr. Dhirendra Yadav Cyber crime police Bhopal

System flow mapping

1. 2. 3. 4. 5. 6. Call on Helpline no. operated by the concerned State Police Noting fraud transaction details and basic personal information Ticket gets escalated to the concerned The concerned Bank, which can now see the ticket on its dashboard Payment settlement Netting period 1 hr to 1 day Investigation
Cyber
cell Bhopal If the defrauded money is still available, the Bank puts it on hold 1930 Ticket
Inter-operable
Justice System Banks, Wallets, Merchants Banks can check details Hold money transfer/ withdrawl
Source: Personal interview
crime
(ICJS)
Criminal
Opportunity mapping Pre fraud Post fraud ot responding to calls/ essages ot sharing sensitive inf Aware about latest trends www.cybercrime.gov.in Directing bank Directing payment gateway Blocking payment if possible Blocking payment if possible As per the direction of victim Account freeze On call Online 1960 Uploading required document Awareness and public outreach National Cyber Crime Threat Analytics Unit (NCTAU) Awareness and public outreach Not sharing information Fraud alert to user User’s e d O li e portal Police’s e d Police’s e d Helpli e umber Ba k’s e d Payme t gateway Ba k’s e d Ba k’s e d Payme t gateway Preve tio Reporti g Stoppi g settleme t Blocki g Preperatio Detecti g Fraud o -fraud Uploadi g docume t Aware ess Portal Reduci g reporti g time Fraud alert Mobile app Already exist Already exist Not exist Not exist Uploadi g docume t Reporti g to earest police statio

Existing solutions

There are two ways by which victim can report fraud

1930

Issue

After facing one mobile fraud user hesitate to share information again

To submit documents copy victim has to go physically to police station

Issue

It is very time taking process to use this portal

www.cybercrime.gov.in

Usability testing of existing portal

User interviews were conducted of t e people age 20 to 30 to know t e usabilit e perience

E plore t e website for 10 to 15 minute Tr to file a complaint related to financial fraud

n ight Page waste user time on initial na igatio Banner image is poorl designed, with lack of hierarch There is no call to action butto Repetiti e flows which leads to redundanc Segregation of information is not prope Unnecessar Steps which increases time to file complaint

Average time taken by each section

Sandeep Roy Businessman , age 29 Dines Gautam Private emplo ee, age 23

Problem statement redefine

Filing complaint is a tedious task on government website, and in panic situation it very frustrating for victim to use such website, giving good user experience is very essential in such situation.

Target audience: Age group 20 to 50 yrs (Which are digitally well aware)

Design objectives

Making it simplify and consisten Extend the reac Reinforce safet

Provide feeling of transparent

Reduce complaint reporting time

User persona

Story summery:

After the lockdown banks started doing KYC of their account holders, so related to that messages and calls were coming to his phone. he was unaware of frauds were sending messages about KYC and, by using communication tactics on the phone they used to steal money from online vallet. one day he got a call from a random guy claiming that he was a bank employee, he said his credit card will expire soon if the victim does not do what he is asking to do. victim got scared and share some sensitive details like OTP, immediately he received a message about 45000 rs money debited from his account. he cut the call and started blaming the bank employee.

Task: Online money was stolen and looking for getting it back.

Hesitatation to tell others about incident Cyber police station is too far in the city Nobody is there to guide Scared of visiting police station

Frustation

ost 4 ,000 Rs

with credit card frau There is no support from bank Can not trust others
Pain points Name : Mr. Rohit patel Education: Graduation Age : 25 Occupation: Businessman Quality: Digitally active
Step 1 Step 2 Step 3 Step 5 Step 5 Feelings Time Actions Reading message calls pickup Conversation with the fraudster which inform victim about Bringing the credit/debit cards Seeing bank passbook Opening digital vallets Seeing the messag Contacting the bank Instant refle Speaking with bank Contacting to police Blocking the card, account Card block/account freez Offering some nancial pro Loan offerin Other proposals Curiocity Confusion Annoying Excitement Greedy Fear Fear hurry Annoy Panic Hurry Shock Confuse Fear Panic Hurry Shock Confuse Fear Instant trigger or 5 to 10min 30min to 1hr 30min to 1hr 10 min to 1hr Sometime doesn t come Depending on the cell network Depends on the availability of nearest police station Identifying spam calls Differentiate between bank and frads Not verifying with some other person dont have time to verify Not verifying with some other person dont have time to verify In panic, victim hesitate to share incident Filing complaint is tedious task Struggles Challanges Recieving a random call/ messages Speaking on the call Sharing Pin, OTP, etc . Receiving debit message on phone Account freeze looking for support User Journey mapping

Informationdesign Re

Very much important details Important Least important details

A1 A2

Transaction ID / UTR Number Victim ID proof Account number Amount Debit card photo Mobile number bank linked IFSC code Bank name Pin code city/village/state

Keeping most important information in the flow

Name Bank name Date and time of transaction Police station address Email Pin code Debit card photo Account statement photo

A3

Place of incident Suspect ID Suspect mobile number Plot number name of the road

To reduce complaint waiting time shortlisting of the information must be done

Information from various transaction messages

Debit/credit card transaction UPI transaction

Source: From victim of financial fraud, cyber police station and general messages

Information Redesign What police need Degital transaction Physical transaction Transaction ID UTR Number Reference number RRN Number TXN number Net banking NEFT RTGS Info source Info source Info source Info source Info source UPI Wallet UPI Wallet NFS, IMPS, UPI, RuPay PoS & e- Com Point-of-sale (P S Purchase on a cre it/ ebit car with rawal with car with rawal with check 12-18 igit co e; bank passbook Number with bank co e Debit/cre it car transactions Retrieval Reference Number NPCI authorized ATM with rawl Bank account number Bank name or IFSC co e Walle Account numbe Bank name or IFSC co e Walle Account numbe Bank name or IFSC co e Walle Account numbe Bank name or IFSC co e Account numbe Bank name or IFSC co e Inter operable Criminal Justice System (ICJS)
Architecture
Information
Low fidelity wireframes
design system Selection of color Blue denotes calm, trust and intelligence Typography Noto Sans Noto Sans नोटों साँस #26A3FD #031056 #646464 #FF9660
is available in latin as well as indic scripts, will be consistent if website offers
languages. UN women website Ukgovernment cyber fraud Cyber awareness for girl Ministry of women and child development India Spanish gov cyber crime portal
Defining
Typeface
various Indic

Home page redesigned

Home page initial

Helpline number is given on the top to contact by phone

for an instant support CTA button is for report fraud

Final
screens

Minimum information asked to proceed fast on information filling page

Final screens Register page redesigned Register page initial
Final
Prototype
screens Complaint page redesigned Minimum information asked to proceed fast on information filling page Click here to see

Scope for expansion

Complaint can be filed from Umang

No need to create account again

Complaint can be filed from MyGov

No need to create account again

Complaint can be filed from Digilocker

Submitting documents would be easy

User review

User tasting with DCP cyber crime Bhopal

Insights

Final information format shoul be re esigne

Portal must be multilingual Informtion fiel which are not necessory must be remove Suggeste to esign something after helpline contact

Flows from police si e

Asking victim to come to police station regularly

Status of their complaint is not shown

Comic book for prevention of drug addiction among street children

Click here to see full project

Expert interview

Doctorate in Sociology, 23 years at Salam Balak Trust trained over 200 police officers and Judges on the JJ Act in various states.

Suggestion

To make some design for use in rehabilitation period

Story of journey of street child

Migrating from small towns Meeting with bad peers Involving in criminal activities Prey for drug addiction

4
4 Click here to see full project Cover page
4
here to see full project
pages
Click
Story
Story pages
Devanagari display typeface design inspired from Bhil art form Click here to see full project

Problem statement

Bhil community has their unique art form, and they are renowned for their art, but when it comes to writing they use Devanagari as there is not script for their language. Over the period generations are changing their traditions and losing their artistic knowledge.

Target user group Bhil community graphic designers

Methodology

Understanding problem User research

Ethnographic research Design iterations Design development

Understanding Bhil art

Insights

Most of the Settlements are shifting towards urbanization

Very few communities have these artworks in marriages, but get done from another artist.

90% of Bhils from Maharashtra are not aware of their ancient culture. Marathi Bhil people dont have any different identity.

Suggestions

Some literate people suggested to make something which they would used to differentiate them.

Some people suggest to develop something sustainable which will be used by them forever.

Expert review

“भील चित्र ला मेंआप ो बिन्द ु ओ ा उपयोग रना होता है”
Mr. Sher Singh Bhabor From Jhabua, Madhya Pradesh Currently working in Ahmadabad Artwork by artist

Field study: expert review

Ms. Jyoti Selkar

Bhil community Teacher Shankarrao Mankar Smruti vidyalaya, Akola Artist

Ms. Shakuntala Devi

Bhil artist

Tribal art museum, Bhopal MP

Ms. Bhuri bai

Bhil artist

Tribal art museum, Bhopal MP

Self Iterations

Forms of letters

Typeface styles

Click here to see full project 16

Thank you....

4
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.