26
ANAND SANGANI USER EXPERIENCE DESIGNER

Anand Sangani Portfolio

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Anand Sangani Portfolio

ANAND SANGANIUSER EXPERIENCE DESIGNER

Page 2: Anand Sangani Portfolio

WHAT’S INSIDE

USER EXPERIENCE DESIGN Strawberry POS Strawberry App Google Transparency

INTERACTION DESIGN wthr App CompanionFinder Bus Information Kiosk

GRAPHIC DESIGN The NikolaTech Playbook

Page 3: Anand Sangani Portfolio

STRAWBERRY POSResearch and wireframing for a Point of Sale system for Small and Middle scale restaurants.

Page 4: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

RESEARCH WIREFRAMES

Time-consuming learning curve Financial limitations toinstall/adapt a totally new POS

Cluttered Screens Lack of usability, scalability, accessibility and flexibility with other

hardware

Boring numeric reports which derive almost no insights

Lack of consumer connect Lack of backup options and maintenance options

PROBLEMS WITH THE EXISTING POINT OF SALE SYSTEMS

Page 5: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

RESEARCH WIREFRAMES

ORDER BUILD NEW ORDER SUMMARY

NUCLEUS Section Name Login as Manager | Logout

Server Status : ConectedCurrent Guest: 12Friday, Mar 17, 2014

Subcategories

Subcategory. Subcategory. Subcategory. Subcategory. Subcategory.

Subcategory. Subcategory A

Subcategory B

Subcategory C

QNT ITEM TOTAL

1 Loreum Opseum RS. 9.99

1 Loreum Opseum RS. 9.99

1 Loreum Opseum RS. 9.99

Total RS. 29.97Tax: RS. 8.99

Customer Name | VIP

+63-8888-88888

Categories

Category Category Category Category Category

Category Category Category Category More...

Category Category Category Category Category

Cook Settle

NUCLEUS Section Name Login as Manager | Logout

Server Status : ConectedCurrent Guest: 12Friday, Mar 17, 2014

New Orders ( 5 )

Customer Name 3 minutes ago

View Order

Customer Name 10 minutes ago

View Order

Customer Name 10 minutes ago

View Order

Customer Name 15 minutes ago

View Order

Customer Name 16 minutes ago

View Order

Open Orders ( 7 ) Add New

Order No. 8Customer Name

12:55 PM

Order No. 9Customer Name

12:55 PM

Order No. 10Customer Name

RS. 55.0012:55 PM

Order No. 11Customer Name

RS. 55.0012:55 PM

Order No. 10Customer Name

12:55 PM

Order No. 10Customer Name

12:55 PM

Order No. 10Customer Name

12:55 PM

New Order

Joen Doe | VIP

Mobile : +63 999 99999

Address: 15 Drive 5th Street

Payment: Cash

Type or oder : Delivery

12:55 PM - March 6 2014

Discount: 15%

Order List :

Item Number 1 RS. 9.99

Item Number 2 RS. 9.99

Item Number 3 RS. 9.99

Item Number 4 RS. 9.99

Cancel

Total RS.39.96

Modify

Page 6: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

RESEARCH WIREFRAMES

SMS CAMPAIGN AUTOMATIC DISCOUNTS

NUCLEUS Section Name Login as Manager | Logout

Server Status : ConectedCurrent Guest: 12Friday, Mar 17, 2014

Manual

Cancel Send

Automatic

Email Campaign SMS Campaign Notification Campaign

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

Mr. Abhishek Bhayana

1000 selected

SMS Content

Search Dear Foodie,

We are offering bla bla bla on the minimum bill of Rs. 200. Visit your nearest XYZ outlet to know more about this offer. T&C apply.

NUCLEUS Section Name Login as Manager | Logout

Server Status : ConectedCurrent Guest: 12Friday, Mar 17, 2014

Manual Automatic

1

10

100

300

500

1000

3000

5000

5

1

points

points

points

points

points

points

points

points

photos on app

review

+ =

==

==

==

==

=

+

+

+

+

+

+

+

+

+

5

10

15

20

25

amt

% of Bill

+

+

+

+

+

+

+

+

+

+

Item Discount

+

+

+

+

+

+

+

+

+

+

bevarage

starter

main course

main course

starter

meal for 2

freebie

Cash Discount

500

Custom Discount

memory

great memory

considerable prize

very consi. prize

grand prize

50 points

50 points

Manage Discounts Add Discount Remove Discount

Page 7: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

RESEARCH WIREFRAMES

ADD NEW GUEST DASHBOARD

NUCLEUS Section Name Login as Manager | Logout

Server Status : ConectedCurrent Guest: 12Friday, Mar 17, 2014

Today This Week This Month From: Feb 7, 2014 - Mar 7, 2014Search

0

500

1000

1500

2000

2500

3000

3500

4000

12:00 1:00 2:00 3:00 4:00 5:00 6:00 7:00 8:00 9:00

Hourly sales

Sale

Last Friday

82%

18%

Food and Beverage Sale

Food Beverage

1512

10 11 1214

1619 20

30

0

5

10

15

20

25

30

35

12:00 1:00 2:00 3:00 4:00 5:00 6:00 7:00 8:00 9:00

Customers

Contirbution of different

76%

10%

14%

services

Delivery Take-away Dine-in

840

692

514 503451

0

100

200

300

400

500

600

700

800

900

Mr. AbhishekBhayana

Mr. AnandSangani

Mr. Vikrant MehraAssociates

Ms. Katrina

Top 5 customers

30

26

20 19

15

0

5

10

15

20

25

30

35

Aloo tikki Veggie Delight Chiken Tikka Macaroni Pizza Spicy Paneer

Top 5 items

NUCLEUS Section Name Login as Manager | Logout

Server Status : ConectedCurrent Guest: 12Friday, Mar 17, 2014

SearchExport Import

Name Phone No. Address Total Spent Amount Loyalty Points Date Last Ordered

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek Bhayana +917777755555 i-64, Sector 44, Noida, UP Rs. 18540 1800 23-Mar-2014

Mr. Abhishek BhayanaGuest Name:

Add Guest Filter/Segment

Phone:

Address:

FinishCancel

7777755555+91

“Vasant Kunj”,I-64,Sector 41,Noida, U.P.,India.

Add New Guest

Page 8: Anand Sangani Portfolio

STRAWBERRY APPResearch and Wireframing for the Mobileapp which supports restaurantdiscovery and online ordering

Page 9: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

T

O

j ~âáåã çî Éë

Carrier 100%

STRAWBERRY

Phone

Password

Forgot Password?

Sign Up

Login

T

O

Carrier 100%

Getting your location

Search

T

O

Carrier 100%

Search

Current Location

ê Éí ì ê å

Starbucks

Yo china

T

O

Carrier 100%

Search

Domino’s PizzaP1, Sector 40 market

Domino’s Pizza32, Noida City Center Metro

Order Now

Domino’s Pizza

Domino’s Pizza32, Noida City Center Metro

Order Now

Open For Orders

T

O

Carrier 100%

No Results Found

Search current location

McDonalds near Sector 41

WIREFRAMES

Location Search loader Search for keywords and locations

Results (list view) No result found

Page 10: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

7

2

Carrier 100%

7

2

Domino’s Pizza

Veg Pizzas

Rs. 320 Go1

Margherita

Veggie Special

Farm house

Spicy Veg. Delight

1

Uncompleted item

Uncompleted item

Completed item Rs. 20

Rs. 20

Rs. 20

Rs. 120* 200^ 280#

Rs. 170* 300^ 410# 7

2

Carrier 100%

Domino’s Pizza

Margherita

Veggie Special 1

Veg Pizzas

Rs. 320 Go1

Veggie Special

Extras Rs. 20

Rs. 300

2

Order Summary

Total 320.00VAT @14% 46.08Service Tax @5% 16.00Amount after taxes 382.08Adjustments -0.08Coupon Discount -20.00

Net Payable Rs. 300

Coupon Code PTMGB applied !

Pay By: CashCard

VISA:1234 5678 9012 3456

Remove Coupon

Carrier 100%

Proceed to Payment

7

Carrier 100%

Order Summary

DominoÕs Pizza

House 94, Block A, Sector 41,Noida, Uttar Pradesh

Order Details:

Veggie Special7

Extras Rs. 20

Rs. 300

Total 320.00VAT @14% 46.08Service Tax @5% 16.00Amount after taxes 382.08Adjustments -0.08

Net Payable Rs. 320/-

Place Order

Loyalty Points

You have 700 loyalty Points for Domino’s Pizza!

Discounted Bill Amount: Rs. 300/- Rs. 320/-

20

100

500

50

200

How many do you want to redeem?

Cancel Done

77

Carrier 100%

Order Summary

Domino’s Pizza

House 94, Block A, Sector 41,Noida, Uttar Pradesh

Order Details:

Veggie Special7

Extras Rs. 20

Rs. 300

Total 320.00VAT @14% 46.08Service Tax @5% 16.00Amount after taxes 382.08Adjustments -0.08

Net Payable Rs. 320/-

Place Order

Order Placed!

You still have 680 loyalty points left.

WIREFRAMES

Cart Preview drawer Order Summary(payment options)

Loyalty Points Order Placed

Page 11: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

GOOGLE TRANSPARENCYA Google Maps based application that draws information from the cloud for greater transparency in Governmental schemes.

Page 12: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

Citizen adds a oroject from his home after

logging in

The form for adding a project’s information

Users will see the home screen with nearby

projects and an overview of the city’s projects

tapping on any project will open a small pop-up displaying its progress

WIREFRAMES

Page 13: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

A citizen can vote on the project’s progress by

different parameters Tapping further on the

project takes people in the information and

voting panel

Stats showing what citizen and government

servents have said

While adding a project, users can draw the area/length of the project on

the screen

users can downlaod the information about the

project

WIREFRAMES

Page 14: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

WTHR APPA context-aware weather appexclusively for iPhone 6 and 6 plus

Page 15: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

home screen with primary information and

a context-based tip

by scrolling up, secondary information

gets displayed

scrolling up further, tertiary information and add-ons come up and primary information

sticks at the top

menu with cityadd/remove options and

other settings

WIREFRAMES

Page 16: Anand Sangani Portfolio

COMPANIONFINDER

an iPhone app for helping campus people find each other for their various needs to get together and collaborate

Page 17: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

Romil Desai

Anybody from Station to Campus on 2nd

April, around 8 a.m.?

8 hours ago

Back Anand Sangani�

Carrier 12:34 AM 100%

M.Des.

A-320, Hall XI

Anybody to Ramaiya tonight around 9

p.m.?25-Mar 16:25

Reply

write a reply

Reply

write a reply

+91 7788991122

[email protected]

MyNeeds

NeedFeed

Back Anand Sangani�

Carrier 12:34 AM 100%

blood |

2 needs found for the keyword ‘blood’

29-Mar 17:40

28-Mar 16:00Rachit Jain

Kulwant Singh

Q

A S D F G H J K L

Z X C V B N M

return_123 space

W E R T Y U I O P

.@

Urgently A+ blood required

Blood with any blood group is required at the health center. Please reach at your so...

Blood with any blood group

Please visit Health center room 16 for donating blood.

MyNeeds

Back�

Carrier 12:34 AM 100%

New Need

Post

description

subject

Q

A S D F G H J K L

Z X C V B N M

return_123 space

W E R T Y U I O P

.@

Anand Sangani

MyNeeds

CompanionFinder

email

password

Sign Up

Carrier 12:34 AM 100%

Login

NeedFeed

Anybody from Station to Campus on 2nd April, around 8 a.m.?

Auto Sharing

For a group performance on Galaxy’14, a band from Hall XI needs a Bass Guitarist.

Bass Guitarist Needed

To develop an android based application for our academic project in M.Des.

Need Android Developer

Anybody interested in a project related to Bridge building material exploration?

Civil Engineering Research

Our band from Hall-VIII needs a female singer for Galaxy’14.

Singing partner (female)

Romil Desai

Mohit Tewari

Pulkit Saraswat

Kulwant Singh

Rachit Jain

Show More Needs

8 hours ago

12 hours ago

39-Mar 23:02

29-Mar 17:40

28-Mar 16:00

Back Anand Sangani�

Carrier 12:34 AM 100%

search

MyNeeds

VISUALS

NeedFeed shows us the live feed of needs inside

Clicking on the need will redirect you to the person’s profile where you can look up at his

Keyword search is also a functionality to find needs of specific task

MyNeeds is the page of your own needs/

notifications.

Page 18: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

CompanionFinder

IITK email

password

Sign Up

rd

Carrier 12:34 AM 100%

Back

Register

Anand Sangani

Back Pr�

Carrier 12:34 AM 100%

M.Des.

A-320, Hall XI

+91 7788991122

[email protected]

MyNeeds

Edit Pr

Anand Sangani

Back Pr�

Carrier 12:34 AM 100%

M.Des.|

A-320, Hall XI

7788991122

[email protected]

Edit Photo

Q

A S D F G H J K L

Z X C V B N M

return_123 space

W E R T Y U I O P

.@

MyNeeds

Back Pr�

Carrier 12:34 AM 100%

My Needs

Need a designer to create a logo for Galaxy ‘14

Anyone from Campus to station on 23rd March around 9 p.m.?

1 reply

1 reply

MyNeeds

VISUALS

Clicking on your name will redirect you to your profile, where you can edit it, see or reply to

notifications.

Edit Profile page is a simple info gathering

tool.

MyNeeds is the corner from which you can

access your own posted needs.

Page 19: Anand Sangani Portfolio

BUS INFORMATION KIOSKDesigning an information system for bus stops that helps users get clear information about buses, routes, fares and help them get a bus pass.

Page 20: Anand Sangani Portfolio

OBJECTIVE

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

Making the overall bus transportation inquiry system easy, intuitive and error free.

Considering the first time users’ difficulties in finding destinations, and solving it.

Making the interface friendly for lower-literate users also.

Reducing the risk of forgetting things by providing receipts of their route details.

VISUALS

Page 21: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

HOME SCREEN FIND YOUR BUS

VISUALS

Page 22: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

MAPPING THE DESTINATION RECEIPT PRINTOUT

VISUALS

Page 23: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

DISPLAY ABOVE THE BUS STOP IN CASE OF EMERGENCY

VISUALS

Page 24: Anand Sangani Portfolio

THE NIKOLATECH PLAYBOOKGraphic and Content Design of the comprehensive guide to startup business and growth planning and execution for NikolaTech Pvt. Ltd., Noida

Page 25: Anand Sangani Portfolio

ANAND SANGANI | M. DES. (2013-15) | DESIGN PROGRAMME, IIT KANPUR

Page 26: Anand Sangani Portfolio

Professional InterestsExperience

Technical Knowledge Software Skills Contact

Personal Skills

M.Des.Design Programme, IIT Kanpur

B.E. (Computer Science)Gujarat Technological University

Product Designer - UI/UXHousing.com | July 2015 - Present

UX Design InternNikolaTech | May 2014 - July 2014

Eye for Aesthetics(Typography | Color | Simplicity)

HTML | CSSJavaScript | jQueryAJAX | PHP

Adobe PhotoshopAdobe IllustratorAdobe InDesign

+91 77 549 161 77

[email protected]

ANAND SANGANI