PORTFOLIO
USER EXPERIENCE DESIGN
Hello! I am Priya Sharma. I am a Designer. I have done my B. Design course from Symbiosis Institute of Design, Pune. I like exploring various fields and working on varied and different projects that teach me something new at each progressive stage
DroneWorld: Website “This is a website designed for UAS Technocrats” It’s a new venture where they deal with drones, different types of sensors for it, working for various domains and training and consulting people for the same.
Priya Sharma | DroneWorld1 | 1
Research
Process
Information Architecture
Paper mocks
Visual Design
As this was a completely new domain for me to work, I first did a lot of research to understand what everything is and how it works by going through a lot of similar websites and also reading about the same.
Priya Sharma | DroneWorld | 2
IA
After discussing the requirement in detail with the client and understanding the domain, I came up with the Information Architecture.
Priya Sharma | DroneWorld| 3
Paper Mocks
These are the various paper mocks that I explored for the website, before starting the Visual Design for it, just so that I could explore the layout and the content to be put in it in a better way.
Priya Sharma | DroneWorld | 4
Priya Sharma | DroneWorld| 5
Priya Sharma | DroneWorld| 6
Priya Sharma | DroneWorld | 7
Served: App Walkthrough This is an application which helps you keep a record of your service providers, their leaves, their payments and everything. You can make a contract with your service providers by providing their Adhar Card, Mobile number and Bank details, if they have any. This serves many purposes, like, Validation, you can help them to have an Adhar card and a Bank account, which will benefit both them and you.
Priya Sharma | Served | 9
Research
Process
Microcopy
AB Testing
Illustration
Visual Design
I started this with first deciding what are the key feature of this application that should be shown in the walkthrough so that the person who is going to use it for the first time has a velar idea what are the uses of the application.
Priya Sharma | Servied | 10
First screen of the walkthrough, inviting user to join the application
AB Testing
Second screen, telling about the Benefits of joining the application
Next step was to work on the microcopy. Deciding what is the content that should be shown and how it should be shown. Copy plays a very important role in such cases where you want your user to easily understand what the whole concept is, without elaborating much about it. I made a few options for each screen and got it validated from users, so as to know what according to them is easier to quickly understand.
Priya Sharma | Served | 11
Third screen, letting user know about the features
AB Testing
Fourth screen, add on benefits of the application
AB testing for the microcopy
Priya Sharma | Served | 12
Iterations
Once the copy was decided, creating illustrations for each screen so that it goes with the copy and further guides user to know what exactly the whole concept is. Also proper layout for the placement of content and illustration is very much required.
Priya Sharma | Served | 13
Final Design
This is the final design for the walkthrough including the microcopy and the illustrations and the final layout.
Gamezone: Responsive Website “This is an online gaming platform where users can play against other users and can place bets and have matches against each other.� This was one part of the platform which I had to work on i.e. Adding/Buying coins so that games can be played and bets can be placed.
Priya Sharma | Gamezone | 15
Research
Process
User Flow
Wireframes
I first went through the other similar domains to understand how it works. After Researching about it, I worked on the User flow that for ‘Buy Coins’. Once the user flow was completed I was then asked to work on the wireframes for the same flow.
Priya Sharma | Gamezone | 16
User Flow
User flow for buying coins and also for getting free coins.
Priya Sharma | Gamezone| 17
Wireframes
Wire frames for the Dashboard and various packages available.
Priya Sharma | Gamezone | 18
Wireframes
After selecting the package, you can see the details related to it and move ahead with the payment to be made.
Priya Sharma | Gamezone | 20
Wireframes
Success and Error messages.
HELP: Mobile Application “Help� is a hypothetical self help application. It basically is a 24x7 service providing application designed for Symbiosis Institute of Design. It is to help all the visitors and new students in the college, to let them know where and when they can get anything that they require.
Priya Sharma | Help | 22
Research
Persona
Process
Scenarios
Concept
Information Architecture
User Flows
Wireframe
As this project is about new students and visitors, I found out the pain points and the problems faced by them. What are the things that they require initially and how they work with a whole new system all together.
Priya Sharma | Help | 23
Name: Age: Occupation: Location:
Kiran Mehra 17 Design Student, First Year Pune
About Kiran
Daily Routine
She just arrived in this new city, Pune, for her design course and will be staying here for 4 years. She is from Rajasthan and it’s a whole new place for her. She is really excited about being in a new place and wants to discover it soon. Slightly nervous as well.
College 6 hours
Persona
Assignments 1-2 hours
Gym
Weekdays
Reads / Movies/ Social network
Party
Shopping/ explores city
Weekends
This persona shows daily routine and lifestyle of college students. What are the problems and the challenges that they face. They keep enquiring and asking people about the things they need and places they need to do. They want this task to be easier.
Priya Sharma | Help | 24
Scenario 1 :
Scenario 2 :
Scenario 3 :
Kiran walks into the campus, she needs to fill the form for hostel room. She goes to the reception and asks them where to get the form.
Its Kiran’s first day in college, she has been asked to report to the class room by 9:30 a.m.
Kiran needs a new software in her machine and doesn’t know from where to get it.
She first needs to enquire about the bus timings.
She starts looking for the IT department in college and is confused where to go.
She reaches college and doesn’t know where her class is and what floor is it on.
Asks a few people and finally finds it.
Goes to the admin department to get the form. But unfortunately its their lunch time and will only get it after 2 p.m.
Scenarios
These are the different scenarios that show what are the different tasks that any new students does, the struggles in a day that are faced by students like Kiran.
Priya Sharma | Help | 25
1.
2.
3.
4.
To find out all the information about college initially and to get to know about all the things needed to settle down in a new college.
Campus admin not able to give information to all the people all the time, leaving people confused and frustrated.
Quick access to information like timing and where the places are, needed initially.
Asking people around everything every time becomes difficult..
Pain Points
These are major problems that people face when they visit the university and Are new in the college and need to settle down..
Priya Sharma | Help | 26
Important things and contact numbers
24 x 7 Information
Solution
Can view locations on Map
This led to the idea of designing a self help application which could be used by Visitors and students to get whatever information they needed.
Login
Enter Student/ Visitor Code
Priya Sharma | Help | 27 Enter Password
Menu
If wrong password Show error
Splash Screen
Signup
Enter Name
Enter Student/Visitor Code
Enter Email ID
Enter Password
Re-enter Password
Show error Show error
User Selects College Campus
Menu User Selects Accommodation
Main Display of Selected Option
User Flows
User Selects Facility
Enquiry Menu
Options on Enquiry Menu
Details about the Option
User flows showing flow or steps taken while using the application.
Priya Sharma | Help | 28
System Design In this project I studied a system and the sub systems of the same, redesigning the system to solve a problem or reduce error, increasing the efficiency it. We worked on the parking lot for the Phoenix Market City, Pune.
Priya Sharma | System Design | 30
Research
Process
User Survey
Mind Mapping
Story Boarding
Concept
During this project I studied the whole parking system and its sub systems. We interviewed a lot of people including the visitors and the people working there. Whole parking lot is divided into various levels and zones and is color coded to make it work efficiently. It still causes a lot of trouble as people find it confusing.
Priya Sharma | System Design | 31
Payment / Security
Monitoring System
Two and Four wheeler Parking
Parking Process
Mall Entrance
Find Car / Number System
Main Exit
The infographic shows the whole parking system. It led to studying the process of finding the car in the parking in further detail
Priya Sharma | System Design | 32
I remember my pillar No. It is A4
Product Oriented Solutions
Oh No! Wrong level
Which way do I go?
User Oriented Solutions
Result Oriented Solutions
Hydraulic Lifts
Printed Receipt showing Level, Pillar Number and Zone
Horizontal Lifts
Providing Alternative Transport
Proper Signage System for Level
Map Printed on the Receipt
Scanning the Number Plate
Scan the code on the Receipt to Navigate to the Spot
Biometric System
Spider Cameras to find the Car Face Detecting Cameras to Find the Car
Solution
The major problem that most of the people face in the whole parking process is that they remember the pillar number where car is parked but often forget the way to it. Sometimes they even get confused between the levels. This led us to a solution where a kiosk will be placed at every entry, helping people find the way to their car
Priya Sharma | System Design | 33
Problem & Solutions
As visitors found it very difficult to find their car in the huge and multi levelled parking lot, a Kiosk set up at every entrance will help them find their car with the help of a properly directed map. It will even tell users about the level if needed.
User Centric Design This project focuses on the Water Drinking habits of the Street Vendors travelling on Bicycles. They usually carry all the things including Utensils, Small gas ,Small burner etc. in a bag which is hung on the handle of the bicycle.
They carry water for cooking as well as drinking in the same bag further adding the weight to it. In this project I have worked on the problem to reduce the weight of water from the bag hung on the handle.
Priya Sharma | UCD | 35
Research
Process
Persona
Mind Mapping
Concept
Prototype
Water drinking habits of the street vendors were closely studied. All those street vendors who carry water for cooking as well as drinking were observed. Later a lot of different concepts were worked on, the one which was most efficient was then selected, detailed and was worked upon.
Priya Sharma | UCD | 36
Sketches
Various design options were explored to remove the weight from the handle of the bicycle and be shifted to the main frame of the cycle. Explorations included bottles, frames and stands.
Priya Sharma | UCD | 37
Prototype
A prototype made in college workshop, using vacuum forming process to see the actual working and functioning of the product.
Other Projects Some other projects that I did while in college and at work. These projects include, Instructional Design, and Managing a Youtube Channel.
Priya Sharma | Others | 39
Instructional Design
Some of the videos that I worked on in last few months as an Instructional Designer. These are all different videos including Explainer videos, e- learning module, etc. I did the story boards and concepts foe these videos and guided illustrators and animators with whatever had to be done.
Priya Sharma | UCD | 40
YouTube Channel
I worked as a Manager for this YouTube channel called Kiddy Songs. I was also the head of all the creatives for the channel, including the Avatar, Cover Page, Splash screen, End slate and thumbnails for the videos. It’s a channel for kids songs and nursery rhymes.
Thank You
Priya Sharma Mob No. +91 9545 181 395 design.priyasharma@gmail.com