Top Banner
Portfolio Vikas Swarankar Usability Consultant, User Experience Designer Last Updated: 25 th October 2011
70
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Vikas swarankar portfolio_25_oct_2011

Portfolio Vikas Swarankar Usability Consultant, User Experience Designer

Last Updated: 25th October 2011

Page 2: Vikas swarankar portfolio_25_oct_2011

2

Index

A Brief Intro

Synopsis

Skills

Work Domain - Clients

Project Phases and Activities

Projects

Websites

Applications

Standards

Appendix

Contact Details

Note: All the screen shots and examples shown in the portfolio are copyright material.

Page 3: Vikas swarankar portfolio_25_oct_2011

Synopsis

8.5 years of experience in Usability Engineering, Design and

Development, Client Relationship Management, Project Management,

People Management and Graphic Design.

Presently working as Usability / UI Consultant. A project planner with expertise in

spearheading multiple projects and ensuring delivery of projects within the time &

cost parameters.

Adept at analyzing situations and developing alternative solutions based on

experience, research, staff input and imposed guidelines.

Possess experience in conception and development of client-oriented

requirement analysis and design, information architecture, user

interfaces, and information graphics.

Adept at usability standards, procedures and methodologies, for developing

guidelines and style guide documents.

3

Page 4: Vikas swarankar portfolio_25_oct_2011

Skills

Major strengths include;

– Assessment

• Expert Review

• Heuristic Evaluation

• Usability Testing (Knowledge)

– Design

• User Data Gathering

• User Interface Structures

• User Interface Design

• Prototyping

• Graphic Design

– Standards

• UI Standards

• Tools and Templates

For: Internet, Intranet, Extranet Web and Client Applications

4

Page 5: Vikas swarankar portfolio_25_oct_2011

5

Index

A Brief Intro

Synopsis

Skills

Work Domain - Clients

Project Phases and Activities

Projects

Websites

Applications

Standards

Appendix

Contact Details

Page 6: Vikas swarankar portfolio_25_oct_2011

Work Domain - Clients

6

Page 7: Vikas swarankar portfolio_25_oct_2011

7

Index

A Brief Intro

Synopsis

Skills

Work Domain - Clients

Project Phases and Activities

Projects

Websites

Applications

Standards

Appendix

Contact Details

Page 8: Vikas swarankar portfolio_25_oct_2011

UIS

Project Phases and Activities

8

2. User Data Gathering

1. Kickoff and Strategic UI Design Sessions

3. Design the IA Framework and Wireframes

5. Required Design Specs

4. HTML Prototype

Expert Review ER

Standards STD

Page 9: Vikas swarankar portfolio_25_oct_2011

9

Index

A Brief Intro

Synopsis

Skills

Work Domain - Clients

Project Phases and Activities

Projects

Project Overview

Website

Application

Standards

Appendix

Contact Details

Page 10: Vikas swarankar portfolio_25_oct_2011

Project Overview

10

Clients Activities

ER UIS Standards UT Marketing &

Research Environment

Indiatimes P P P P

Dell P

iTrust P P

ICICI Bank P

The Economic Times P P P

Zigwheels P P

GAC P

SCB P

Vinculum P

Citi P

ebookers P

Apnaloan P P P

The Times of India P P P

Guruji P

Gridstone P

Mindef P

: Website

: Application

Page 11: Vikas swarankar portfolio_25_oct_2011

Project Overview

11

Clients/Projects Activities

ER UIS Standards UT Marketing &

Research Environment

One97

Subscription Manager P P Campaign/Ad

Manager P P

CMS P P P

Mobile Application P P

MIS Reporting P P Network Monitoring

System P P

Mobile Coupon

System P

: Website

: Application

Page 12: Vikas swarankar portfolio_25_oct_2011

Website – Wireframe

12

1/8

Page 13: Vikas swarankar portfolio_25_oct_2011

Website – Wireframe

13

2/8

Page 14: Vikas swarankar portfolio_25_oct_2011

Website – Wireframe

14

3/8

Page 15: Vikas swarankar portfolio_25_oct_2011

Website – Graphic Treatment

15

4/8

Page 16: Vikas swarankar portfolio_25_oct_2011

Website – Graphic Treatment

16

5/8

Page 17: Vikas swarankar portfolio_25_oct_2011

Website – Graphic Treatment

17

6/8

Page 18: Vikas swarankar portfolio_25_oct_2011

Website – Graphic Treatment

18

7/8

Page 19: Vikas swarankar portfolio_25_oct_2011

Website – Design Spec

19

8/8

Page 20: Vikas swarankar portfolio_25_oct_2011

Website – Wireframe

20

1/3

Page 21: Vikas swarankar portfolio_25_oct_2011

Website – Graphic Treatment

21

2/3

Page 22: Vikas swarankar portfolio_25_oct_2011

Website – Graphic Treatment

22

3/3

Page 23: Vikas swarankar portfolio_25_oct_2011

Website – Expert Review

23

1/5

Page 24: Vikas swarankar portfolio_25_oct_2011

Website – Expert Review

24

2/5

Page 25: Vikas swarankar portfolio_25_oct_2011

Website – Expert Review

25

3/5

Page 26: Vikas swarankar portfolio_25_oct_2011

Website – Expert Review

26

4/5

Page 27: Vikas swarankar portfolio_25_oct_2011

Website – Expert Review

27

5/5

Page 28: Vikas swarankar portfolio_25_oct_2011

Website – Wireframes

28

1/4

Page 29: Vikas swarankar portfolio_25_oct_2011

Website – Wireframes

29

2/4

Page 30: Vikas swarankar portfolio_25_oct_2011

Website – Wireframes

30

3/4

Page 31: Vikas swarankar portfolio_25_oct_2011

Website – Graphic Treatment

31

4/4

Page 32: Vikas swarankar portfolio_25_oct_2011

Website – Expert Review

32

1/3

Page 33: Vikas swarankar portfolio_25_oct_2011

Website – Expert Review

33

2/3

Page 34: Vikas swarankar portfolio_25_oct_2011

Website – Expert Review

34

3/3

Page 35: Vikas swarankar portfolio_25_oct_2011

Website - Wireframe

35

1/1

Page 36: Vikas swarankar portfolio_25_oct_2011

Website – Data Gathering

36

1/6

Page 37: Vikas swarankar portfolio_25_oct_2011

Website – Data Gathering

37

2/6

Page 38: Vikas swarankar portfolio_25_oct_2011

Website – Data Gathering

38

3/6

Page 39: Vikas swarankar portfolio_25_oct_2011

Website – Wireframe

39

4/6

Page 40: Vikas swarankar portfolio_25_oct_2011

Website – Wireframe

40

5/6

Page 41: Vikas swarankar portfolio_25_oct_2011

Website – Graphic Treatment

41

6/6

Page 42: Vikas swarankar portfolio_25_oct_2011

Application – Data Gathering

42

1/9

Page 43: Vikas swarankar portfolio_25_oct_2011

Application – Data Gathering

43

2/9

Page 44: Vikas swarankar portfolio_25_oct_2011

Application – Data Gathering

44

3/9

Page 45: Vikas swarankar portfolio_25_oct_2011

Application – IA

45

4/9

Page 46: Vikas swarankar portfolio_25_oct_2011

Application – Wireframes

46

5/9

Page 47: Vikas swarankar portfolio_25_oct_2011

Application – Wireframes

47

6/9

Page 48: Vikas swarankar portfolio_25_oct_2011

Application – Wireframes

48

7/9

Page 49: Vikas swarankar portfolio_25_oct_2011

Application – Graphic Treatment

49

8/9

Page 50: Vikas swarankar portfolio_25_oct_2011

Application – Graphic Treatment

50

9/9

Page 51: Vikas swarankar portfolio_25_oct_2011

Application – Expert Review

51

1/7

Page 52: Vikas swarankar portfolio_25_oct_2011

Application – Expert Review

52

2/7

Page 53: Vikas swarankar portfolio_25_oct_2011

Application – Expert Review

53

3/7

Page 54: Vikas swarankar portfolio_25_oct_2011

Application – Expert Review

54

4/7

Page 55: Vikas swarankar portfolio_25_oct_2011

Application – Expert Review

55

5/7

Page 56: Vikas swarankar portfolio_25_oct_2011

Application – Expert Review

56

6/7

Page 57: Vikas swarankar portfolio_25_oct_2011

Application – Expert Review

57

7/7

Page 58: Vikas swarankar portfolio_25_oct_2011

Application – Wireframes

58

1/8

Page 59: Vikas swarankar portfolio_25_oct_2011

Application – Wireframes

59

2/8

Page 60: Vikas swarankar portfolio_25_oct_2011

Application – Wireframes

60

3/8

Page 61: Vikas swarankar portfolio_25_oct_2011

Mobile Application – Wireframes

61

4/8

Page 62: Vikas swarankar portfolio_25_oct_2011

Application – Wireframes

62

5/8

Page 63: Vikas swarankar portfolio_25_oct_2011

Application – Wireframes

63

6/8

Page 64: Vikas swarankar portfolio_25_oct_2011

Application – Wireframes

64

7/8

Page 65: Vikas swarankar portfolio_25_oct_2011

Application – Wireframes

65

8/8

Page 66: Vikas swarankar portfolio_25_oct_2011

Standards

66

1/3

Page 67: Vikas swarankar portfolio_25_oct_2011

Standards

67

2/3

Page 68: Vikas swarankar portfolio_25_oct_2011

Standards

68

3/3

Page 69: Vikas swarankar portfolio_25_oct_2011

69

Index

A Brief Intro

Synopsis

Skills

Work Domain - Clients

Project Phases and Activities

Projects

Project Overview

Website

Application

Standards

Appendix

Contact Details

Page 70: Vikas swarankar portfolio_25_oct_2011

Contact Details

VIKAS SWARANKAR

70

Address:

D - 3/3318, Vasant Kunj,

New Delhi-110 070,

India

Contact No.:

M:+91-9873090914

R: +91-011-26138422

E-Mail:

[email protected]

[email protected]

Note: All the screen shots and examples shown in the portfolio are copyright material.