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