Design Portfolio

Published on December 2016 | Categories: Documents | Downloads: 37 | Comments: 0 | Views: 344
of 35
Download PDF   Embed   Report

Portfolio consists of my Interaction Design, Visual Design, Illustrations, 3D art and Sketches.

Comments

Content

MOUNICA MUKKAMALLA
[email protected]
+91 889-777-3235
Mounica Mukkamalla

mounica.mukkamalla

Design Portfolio
Selective works only

CONTENTS

03
05

UnitedHealth Group

11

BNSF

User flow / Wire Frames

United Technology Corp.
Process / Card Sorting / Rough Sketches /
IA / Wire Frames / Visual Design

User flow / Process / Rough Sketches /
Wire Frames / Visual Design

17
24
30

Teacher’s Class Manager
User flow / Process / Scenario / IA / Rough Sketches /
Wire Frames / Visual Design

National Service Reserve
User flow / Process / Rough Sketches / Visual Design

Illustrations

33
34

3D Animation

Sketches

UnitedHealth Group
Benefit Search Tool

UHG has come up with an application naming it as ‘Benefit Search Tool’ in which
user logs in with his/her myuhc (My UnitedHealth Care) credentials and search
for a benefit specific of his plan among various existing plans UHG is providing.
The goal is to conceptualize and come up with the web UI.

DESIGN OBJECTIVE
Make it easier for users to search for benefits,
Contextualize data points and educate users about appropriate benefits,
Prioritize the most recent data but ensure historical data is accesible contextually.

TOOLS

MS Powerpoint

ROLE

SKILLS

Concept & Strategy Development

Rapid Prototyping

User Research

Use Cases

User Centered Design

PLATFORM

Page 3

Mounica Mukkamalla

USER FLOW

Login:

User will login with
myuhc credentials.

All Services:

After user login, UHG
will display all services.
User can search for a
specific plan.

Search Results:

Specific plan search
results.

Service:

Detailed Plans

WIRE-FRAMES

Search results page after user search
for ‘Stomach Pain’ health benefits.

After user click on one benefit, he will land

on details screen where user can also navigate
to other benefit detials easily with a single click

on left and right arrows next to the user benefits.
Page 4

Mounica Mukkamalla

UnitedTechnology Corp.
Responsive Design

UTC is an American multinational conglomerate researches, develops, and
manufactures high technology products in numerous areas. The project was taken to
expand its user base to a mobile/tablet audience for 3 major websites namely
Carrier, Common Vertical and Home Comfort.

DESIGN OBJECTIVE
Users should have a flawless experience in mobile or/and tablet.
Just like website, for existing customers should have same experience in their hand
devices to learn about Carrier products, evaluate them and contant a dealer to
purchase.

TOOLS

ROLE

User Research

Rapid Prototyping

Photoshop-CS6

User Centered Design

Use Cases

MS Powerpoint

Visual Design

SKILLS

PLATFORM

Information Architecture
Card Sorting

Page 5

Mounica Mukkamalla

Proper UX methodology was followed to find out the loopholes in existing website and to come up with final design.

PROCESS
USER RESEARCH

Stake Holder Interviews
Obervations

ANALYSIS

Task Scenarios

CARD SORTING

IDEATION

INFORMATION ARCHITECTURE

Iteration

Low-fi Wireframes
User Evaluations

Surveys

VISUAL DESIGN

PROTOTYPES

EVALUATION

Iteration

High-fi Wireframes

Testing with stake-holders
/users

Page 6

Mounica Mukkamalla

CARD SORTING
The process has helped me understand my users and cleints’ expectations and understanding of my topics.
I have conducted cordsorting with 4 real users and 2 clients.
Knowing how my users/clients group information has helped me to:
Build the structure for the website,
Decide what to put on the homepage,
Sort categories and structure the navigation.

ROUGH SKETCHES

Page 7

Mounica Mukkamalla

BASIC INFORMATION ARCHITECTURE

WIREFRAMES
Landing Screen of mobile & tablet

Hisotry Screen of mobile & tablet

Products Comparission Screen of mobile & tablet

UNITED STATES

logo

Common Vertical
LOCATOR

LEARN MORE

HERO DISPLAY TITLE 2

PROMOTION – HOMEPAGE 1

Learn More

PROMOTION – HOMEPAGE 2

Learn More

PROMOTION – HOMEPAGE 3

Learn More

Products
Cooling
Heating
Commercial Refrigeration
Packaged Outdoor
Chiller
Controls
Container
Trailer
Truck

Service & Support
Support
Service

Page 8

Mounica Mukkamalla

VISUAL DESIGN

1

2

1

1

2

Home page of Mobile & Tablet. User has access to change the country as well.

2 Comparision screen of the mobile as when user wants to compare products before
he buy products. He can add up to 3 products. He has to swipe left and right to see
specifications when products pannel is freezed.

Page 9

Mounica Mukkamalla

1

1

1

Comparision screen of the tablet. He can add up to 4 products.
He has to swipe up and down to see specifications when products pannel is freezed.

Page 10

Mounica Mukkamalla

BNSF
WINDOWS 8 APPLICATION

The BNSF Railway is the second-largest freight railroad network in North America.
Every field worker wanted to have their own dashboard, check their daily schedule,
finish tasks with priorities and update them, check the track maps in the Windows 8
Application.

DESIGN OBJECTIVE
Make it easier for inspectors to use the application on the field during day & night,
Look for their everyday tasks, work it & update it; Assign Tasks to other inspectors;

TOOLS

ROLE

User Research

High-Fi Wireframing

Photoshop-CS6

User Centered Design

Use Cases

MS Powerpoint
Illustrator - CS6

Visual Design

SKILLS

PLATFORM

Information Architecture

Page 11

Mounica Mukkamalla

USER FLOW

Dashboard:

User will login
and see his own
dashboard with
quick links &
navigations

Plan my day:

User will check
schedule to finish
tasks according
to priorities.

Notifications:

User will check
notifications near
to his track to
inspect.

Filter Notifications:

User will filter according
the track/location/date/
priority/status etc.

Inspection:

User will go for tract
inspection.

Creat new notification:

If user find new issue with
tracks, he will creat new
notification and assign to
respective track inspector.

PROCESS
USER RESEARCH

Stake Holder Interviews
Obervations
Surveys

ANALYSIS

Task Scenarios

INFORMATION ARCHITECTURE

IDEATION

Iteration

PROTOTYPES

Low-fi Wireframes

Iteration

High-fi Wireframes

User Evaluations

EVALUATION

VISUAL DESIGN

Testing with stake-holders
/users

Page 12

Mounica Mukkamalla

ROUGH SKETCHES

Page 13

Mounica Mukkamalla

WIRE-FRAMES
User’s personal Dashboard after he login with his credentials.

User will look into his notifications that are near to him.

User will check his calendar and look into priorities of tasks.

Page 14

Mounica Mukkamalla

User will filter his notification

User can further filter his notifications

Individal Inspection with list & Map view
Notifications Map view. User will tap on a notification & he can find

it in the map.

Page 15

Mounica Mukkamalla

VISUAL DESIGN

Page 16

Mounica Mukkamalla

TEACHER’S CLASS MANAGER
WINDOWS 8 APPLICATION

A teacher wanted to keep track of everything paperlessly and handy to view anytime.
Her main desire is to save time in organizing information like class assignments, class
notes, student attendance, individual student profile etc. She wanted to manage her
own schedule as well.

DESIGN OBJECTIVE
The pain points are: Information is in different places, not organized / Less time for
teaching and more time for admin work / Difficult to keep track of different items.

TOOLS

ROLE

User Research

High-Fi Wireframing

Photoshop-CS6

User Centered Design

Use Cases

MS Powerpoint
Illustrator - CS6

Visual Design

SKILLS

PLATFORM

Information Architecture
Page 17

Mounica Mukkamalla

USER FLOW

Dashboard:

User will login
and see her own
dashboard with
quick links &
other navigations

My Schedule:

User will check
current schedule
& tap on a class

Class Period:

User will check
her class period

Class Attendance:

User will check her
class attendance in
detail & update it

Assignments:

Update student
assignment grades

Student Profile

User will check individual
student’s profile

PROCESS
USER RESEARCH

Stake Holder Interviews
Obervations
Surveys

ANALYSIS

Task Scenarios

INFORMATION ARCHITECTURE

IDEATION

Iteration

PROTOTYPES

Low-fi Wireframes

Iteration

High-fi Wireframes

User Evaluations

EVALUATION

VISUAL DESIGN

Testing with stake-holders
/users

Page 18

Mounica Mukkamalla

MAIN SCENARIO
Schedule
Management

Attendance
Management

Teacher checks
schedule

Teacher goes
to classroom

Teacher marks
attendance

Grade
Management

Teacher takes
class

Receives
completed
assignments

Teacher gives
grades

Teacher sees
Class profile

Detail Pages

Section Pages

Hub Pages

BASIC INFORMATION ARCHITECTURE

Teachers Dashboard

My Schedule

Event

Class Schedule

Class Attendance

Class Profile

Student Profile

Class Grades

Assignment Inbox

Page 19

Mounica Mukkamalla

ROUGH SKETCHES

Page 20

Mounica Mukkamalla

WIRE-FRAMES

My Schedule

Teachers dashboard

Mon, Oct 06 – Fri, Oct 10

Anita

Suarez

Today, Mon, 06 Oct

Tue 07 Oct

Class VI A

Class VI A
Room 24

Free Hour

Free Hour

Free Hour

Class VI A

Free Hour

Free Hour

Free Hour

Free Hour

P1
My Schedule >

Class Overview

VI-A

Monday, 06 Oct, 08:03

3

Anita

Suarez

VI-A

09:00

20 students
Room 24

VII-D

X-B

25 students
Room 38

P2

27 students
Room 76

Attendance
Free Hour

3
1

Absent
Part day

Attendance

0
1

Absent
Part day

Attendance

0
0

Room 24

P3

Absent
Part day

11:00 – 11:55

Class VII D
Room 38

Thu, 09 Oct

Fri, 10 Oct

Class VI A

Class VI A

Room 24

Room 24

10:00 – 10:55

Due in 27min

notifications
10:00

09:00 – 09:55

Wed, 08 Oct

Room 24

Class VII D
Room 38

Lunch Break

0

VII-D

11:00

assignments

5

messages

11:55 – 13:00

P4

01:00

Free Hour

02:00

X-B

14:00 – 14:55

03:00

VI-A

15:00 – 15:55

Grade:

Class Average: 70%

Grade:

Class Average: 75%

Grade:

Class Average: 79%

P5
P6

Sch edule

Sch edule

Sch edule

Class XB

Free Hour

Class VI A

Class VII D

Class XB

Free Hour

Free Hour

Free Hour

Room 76

Room 38

Room 76

Shifted to Room 13

Room 24

Class VII D

Class XB

Class XB
Room 76

Room 76

Room 38

Attendance

Period 1

Class XB

Class VII D

Free Hour

Room 38

Teacher will check her class schedule

As teacher logs in, she will land onto her own personalised dashboard.

Draft

Review

Confirm

Class VI A

Mon 08:30 – 09:30 | Class VI A
Lesson Overview

Class Overview

VI-A

Progress

Topic for the day

Attendance

Draft

Force and Motion
P-2.4 Interpret the resulting motion of objects
by applying Newton’s three laws of motion

Reference >
20 students
Room 24

3
1

Assignments >

Notes >

Physics Quiz #1
Image

Absent
Part day

Doc

Newton_portet.

Conceptual Physics
By Paul G hewitt.

Due by: 13/10

Julio Huarez asked mi difficult question

0 days

PPT
Grade:

Materials
Scientific Calculator
Dry erase markers

The Elegant Universe: Superstrings, Hidden

Equation solving

0

Sch edule

History of Gravity
Research

XIX cent_disc

Dimensions, and the Quest for the Ultimate
Theory (Paperback)

Date

06 Oct 14

Checked by

Anita Suarez

Class Hour

Period 1 – Physics

Absent

3

Part Day

1

Present

16

11/20 days

2

image
Brandon Cena | M
ID 417805

Taylor Harris | M
625425

Empirical essay
Due by: 13/10

Physics teaching program for High Schools
17/01/2014 | Dentists Appoitment

voluptatibus maiores alias consequatur aut
perferendis doloribus

5/20 days

image

image

image

Albet Caloway | M
417805

image

Anthony Lara | M
828456

1

3

Bujand Louisa | M
839205

3

Mynistry of Edu. Introduced special update of

image

image
Graciela Crisp | F
ID 518804

image

Alexa Canady | F
518804

image

Armenta Raysa | F
258400

3

07/01/2014 | Correction Notes

Christina Deil | F
628766

2

voluptatibus maiores alias consequatur aut

Submit

Teacher will check individual class schedule and she can view notes, assignments.
attendance and have a discussion board with other teachers.

Present 16

07/02/2014 | School program update

Class Average: 70%

PPT

03/03/2014 | Books I must read!

Part Day 01
3

Edit

regarding „Shrinking Quantum Phenomenon”

19th International Physics
Competition

Absent 03

Attendance Summary

12/09/2014 | Julio’s question

Due by: 7/10

Lab required

Reminders

Free Hour

13:00 – 13:55

image

image

Shannel Vargas | F
625436

Andrea Jonath | F
548956

image
Brian karen | M
291091

image
Christopher H | M
777372

Teacher will update attendance for a perticular class.
Page 21

Mounica Mukkamalla

VISUAL DESIGN

Page 22

Mounica Mukkamalla

Page 23

Mounica Mukkamalla

NATIONAL SERVICE RESERVE
WINDOWS 8 APPLICATION & WEB PORTAL

The proposal involves building an end-to-end solution for National Services Reserve
(NSR) process within the entire UAE region. The NSR is a workflow based process to
ensure the military training for every young citizen within UAE region. This involves
multiple processes like nomination process, selection process, recruitment process,
training process, etc.

DESIGN OBJECTIVE
Senior Management can log into the solution and can view the statistics around the
overall NSR process through windows 8 dashboards and Web portal. They can also
make decision within solution as well as take some actions like approve/reject
service exception claims, etc.

TOOLS

ROLE

User Research

High-Fi Wireframing

Photoshop-CS6

User Centered Design

Use Cases

MS Powerpoint
Illustrator - CS6

Visual Design

SKILLS

PLATFORM

Information Architecture
Page 24

Mounica Mukkamalla

USER FLOW

Windows 8 & Web Portal

Dashboard:
User will login and see his own
dashboard with quick links/count
of military/selection & recruitment
process etc.

Recruitment Process
Aggregated view with summary/
statistics around Recruitment Process.
KPI/Metrics Tiles around batch comparisons,
candidate registrations, medical check-ups,
number of candidates.

PROCESS
USER RESEARCH

Stake Holder Interviews
Obervations
Surveys

ANALYSIS

Task Scenarios

Claim Requested
Drilldown from the claim tile on the
Recruitment Dashboard screen. Represents
the list of Service Exception Claims grouped
by status. Ability to filter the claims and drill-down into a specific claim and then to a list
of candidates who opted for particular claim.

INFORMATION ARCHITECTURE

IDEATION

Iteration

Candidate Profile
Check the profile
to approve or
reject the candidate.

PROTOTYPES

Low-fi Wireframes

Iteration

High-fi Wireframes

User Evaluations

EVALUATION

VISUAL DESIGN
Page 25

Testing with stake-holders
/users

Mounica Mukkamalla

ROUGH SKETCHES
Web Portal

1

2

3

Windows 8

1

Web portal - Landing page where user can see summary/statistics of NSR process.

2

Detail view of ‘Batch Comparisions’ from landing page.

3

Detail view of ‘Registration report’ page from ‘Batch Comparisions’ page.

2 All Claims Overview

4 Candidate profile detial page where management can

approve and reject the profile.

3 Selected Claim
1 Personal Dashboard of Senior Management. Quicklinks of process/

personal contacts/schedule/summary view of statistics.

Page 26

Mounica Mukkamalla

VISUAL DESIGN

Web Portal

Page 27

Mounica Mukkamalla

Windows 8

Page 28

Mounica Mukkamalla

Page 29

Mounica Mukkamalla

ILLUSTRATIONS

Page 30

Mounica Mukkamalla

Page 31

Mounica Mukkamalla

Page 32

Mounica Mukkamalla

3D-MODELLING/
LIGHTING/
TEXTURING/
RENDERING
Page 33

Mounica Mukkamalla

Sketches

Page 34

Mounica Mukkamalla

THANK YOU

Sponsor Documents

Or use your account on DocShare.tips

Hide

Forgot your password?

Or register your new account on DocShare.tips

Hide

Lost your password? Please enter your email address. You will receive a link to create a new password.

Back to log-in

Close