Prasanna G Kate Master of Design | IIT G

UserExperience Analyst/Interaction Designer

Estuarylabs

design PORTFOLIO
Contents
1. System Design, User Interface Design Projects
2. Website Designing

3. Thesis Project
System Design- Information Architecture- Icon Designing Final UI Testing

4. Internship Projects
Contextual Inquiry- Interface Metaphor

5. Academic Works
5.1 Design Semantics
Mapping Sound with Logos/Forms- Semantic Analysis of Advertisement
5.2 Graphic Design
Stationary Designs, Logo Design-

5.3 Mini Projects (Product Design)

6. Other Works
Sketching- Photography- Logo Designing-
Personal Information

Nam e:Pras anna G K ate

S kills

Software
Adobe flash(Action scripting-basic), HTML

Adobe Illustrator

Adobe Photoshop

Auto CAD

Design Skill Design Research, Contextual Enquiry, Design Semantics, Persona and
Scenario creation, Heuristic Evaluation ,

Prototyping Skill
Unified Modeling Language (UML), Information Architecture, Data flow
Diagrams
 1
System Design and Web Applications

Projects No.1

Name:
Redesigning of Enhanced Due
Diligence (EDD) System

The application helps its User from

Case Research, Creating Case
preparing case report, Submitting
Reports and Generating the Case
Research Report in the prescribed
format.

To much of complexity in application

reduced it’s usability, aesthetic value,
Cluttered Visual components and
elements, improper visualisation of
data (Vertical & Horizontal Scroll)

EDD has following Module,

1.Case, 2 Masters , 3. Reports,
4.Administrator

Report Module: Studying Exiting

System flow, Paper Prototypes
and Entire applications Icon
Ideation/Conceptualisation
till coordinating Graphic
Designers .
 2
System Design and Web Applications

Projects No.2

Name:
Redesigning of Performance
Measurement System – KRA
Module

KRA Module has three types of User

Employee, Supervisor, Manager

Complex Functionality, Improper

Information architecture/ Improper
organisation of Data.

KRA Module: Studying existing

module flow and Information
Architecture, Preparing paper
prototypes and Wireframes.
 3
System Design and Web Applications

Projects No.3

Name:
Design of Entire Intranet System
(HRMS-Human Resource &
Management System)

The application is Made to reduce

Manual work, to integrate scattered
information /data at one system, to
track employee performance, increase
efficiency of work.

The design Research includes

Contextual Inquiry, Requirement
gathering, Paper Prototype,
Wireframe, Visual Design
 4
System Design and Web Applications

Projects No.4

Name: Job Portal

Job portal helps its User (Candidate)

to search job within and across all
locations in Mumbai and Thane area.

The design Research includes Pilot

user Research, Requirement
gathering, Conceptualisation,
Wireframe development.

Concept development was mainly

consist of Searching a job by giving
various access points viz. Quick job
search, Focused job search.
The search result in next layer will
show four types of different views
List view, Quick view, Map view, Tag
cloud.
 5
System Design and Web Applications

Projects No.5

Name: Product Feel

Product feel is the Web Interface that

provides real feel of pen, it’s visual
appearance with combination of
various colours and parts and online
store to purchase Pen.
 6
Website Design

Projects No.6

Name: 7hills Business Solutions

Website Design
ebizSCM. com

Design process: Study of existing

Information architecture, Competitive
Analysis, Preparation of Information
Architecture, Paper prototyping, Visual
Design.
 7
Website Design

Projects No.7

Name: 7hills Business Solutions

Website Design
7hbs.com

Design process: Study of existing

Information architecture, Competitive
Analysis, Preparation of Information
Architecture, Paper prototyping, Visual
Design.
 8
Website Design

Projects No.8

Name: Cosmetic Surgery Website

cosmeticssurgerycentre.com

Design process: Study of existing

Information architecture, Competitive
Analysis, Preparation of Information
Architecture, Paper prototyping, Visual
Design.
 9
Website Design

Projects No.9

Name: Razorshield
http://razorshield.in/

Design process: Study of existing

Information architecture, Competitive
Analysis, Preparation of Information
Architecture, Paper prototyping, Visual
Design.
 10
Academic Project

Thesis Project
“A mobile phone based cooperative employment information system for construction site labourers”

System Modeling

Context Diagram Relationship Diagram This thesis consists a proposed system and mobile phone
based employment information system that allows user to
achieve his/her goal of getting the job in minimum time. The
development of package based on
cau
naahu
Aakam
a Principles of system analysis and information design. Starting
Aapkakam
a 1 3 kam
akopyaa-
ya 3 1
Labour from user requirements, field studies, development of icons and
kamakoidna integrating them in HCI. The prototype was developed and
C ontractor kamakop/ kar kam
akap/kar
ka^
nT/
^
@Tr kanaam
a tested for the target user.
M obile sarkarI m
ao
sao
ja kam
ako3pyaa-ya
kamakapta
kam
akapta
kamakojagaa
Job kam
akojagaa
Re
Selcect Anyakamagaar
qu
est Listen Select User : Construction site Labours
Em ploym ent Back Confirm job, Population: 1.76 Crore
Inform ation Listen Listen voice,
System So Select other
c Main Features of GUI:
ity ial labour link
c tiv fer An 5.Iconic as well as Textual information
e s no
onn Tran un
ce
1 6.Voice Over for illiterate people
C ta me
Da nt 7.Govt. Messages, Advertisements in the
Service 9 form of tickers
Provider G overnm ent Qanyavaad saa[-
T kam
agaar
Society
kam
akaidna kam
agaar f ao
Tao
kam
akasam
aya kam
agaar kanaama
kam
agaar kamaao
baa[lanaM
.
Exit
Call
Back

Guide: Prof.(Dr.) Pradeep Yammiyavar FDRS DoD IIT G

 11

ICON Designing
(Some of the Designed Icons)
ICON sizes 32x32 and 48x48 pixel

Information Architecture (IA) Final Icons after Pragmatic Analysis (User Testing)

Uniqueness of IA- In 4 Clicks user can achieve his goals

Category of ICON (Black and White) ICON (Color)
Work
Work Work Work Work Work Work Work Work Work
Type 1 Type 2 Type 3 Type 4 Type 5 Type 6 Type 7 Type 8 Type 9 Coloring
ICON ICON ICON ICON ICON ICON ICON ICON ICON

Option Option Option Plumbing

1 2 3

ok BACK Workers on the selected site

Plaster
Exit

Call BACK

Digging
 12

USER Interface (Screen Shots of actual Mobile Phone User Interface)

User Interface was designed on the basis of

findings in the user survey. Hindi language was
used – to give textual information in GUI.

User Testing: Application was tested to check the

learnability of such GUIs
W ork Type 1 ICON Work Type 2 ICON Work Type 3 ICON Work Type 4 ICON Work Type 5 ICON Work Type 6 ICON Work Type 7 ICON Work Type 8 ICON Work Type 9 ICON

Software Used : Flash CS3

Mobile Used : N73
Option 1 Option 2 Option 3

ok BACK Workers on the selected site

Testing Conclusion

• Learnability of such application depends

upon age and education
Exit

Call BACK

• Learnability of such application may not

depends upon mobile used experience for
that particular age group

• Learnability of such application may not

Govt. messages/ Advertisements depends upon mobile used experience for
that particular education

Final UI and Information Architecture

U SER TESTIN G
 13

Internship Project
1.Contextual Inquiry for Recruitment System of C-DAC

The project was addressed to design entirely new software based recruitment system.

As the human resource recruitment is the most important activity in any organization which contributes 75% of Human resource department work.

So to serve this purpose Contextual Inquiry is done to address and study all existing work environment and the particular system that they are following to recruit new and promote old employees, and
to understand the importance of this automated recruitment software system in their context.

Then final documentation of User requirements and flow models of existing software system and work flow of the Organization’s recruitment system is articulated in such a manner to design and
develop new software.

2.Exploring Metaphorical representation of C-DAC navigator

This is an exploration project to visualize UI metaphor; Metaphor used- Ship Navigator.

Under: Dr.Dinesh Katre, Group Head C-DAC’s HCDC, Pune

 14

Academic Works Design Semantics

1. Sound mapped with Form (logo) and tested for 22 number of Audience

Graph showing No. of User vs. 5 Music and Logo

5 sound/music
Mapped with
Presumed Music for form (Maximum poles)
5 logos
No. of audience responded

2. Semantic Analysis (Semiotic+Syntacitc+Pragmatic ) of

Advertisement semiotic analysis Sign I con I ndex Symbol

Total Face Facial expression Pain (Straight hair)

(Closed eyes, cheeks shock
inside)
Ice Cream --- Cold Cone and cream
Colgate pack Colgate (Protection) Brand
Cure
(for teeth)
Sign 4 Ribbon, Band (Tied by Authenticity Power, Strength(Red
Colgate) color)
 15

Academic Works Graphic Design

Logo Design

1 Letter Head Design

Bottle Label Design

2 Visiting Card Design

Visiting Card Design

 16

Graphic Design

1 Expressing emotions, feeling with the help of squares

2 Transformation of vegetable (bitter guard) in to

some patterns like Dilation, Symmetry, Radiation,

3 Letter falling with transition in color (in perspective

view)
 17

Academic Works - Mini Projects Product Design

Thermocol Cutting Device (Electrically Operated)

Experimentation
User :
Designers, Decorators.

Experimental Setup

Back Brushing Brush – ERGONOMICS Project Paper Weight Design– DESIGN METHODS project

User Testing

Conceptualization
User :
Old People User :
Age: 60-70 yrs. Government Officers Clay Model
Test Model
 18
Miscellaneous Works

Other Works

Sketching

Photography
 19

Other Works

Option 1 Option 2

Participated in Logo Design Competition for IIT

Kanpur’s celebration of 50th year

Option 3

Participated in Logo Design Competition for the

Buns Restaurant in US
Thank You….