UX/UI Portfolio

Page 1

P O M u n i Ra K h a m b h aT i FOL IO

2019


Hello, I’m Munira ABOUT ME I am currently a first year student studying Human Centered Design at Srishti school of art, design and technology, Bangalore and I intend to undertake summer internship at the end of the acedemic year. +91 9601860008 munira.khambhati94@gmail.com Munira Khambhati artmuse_24


1994 2010 2012

DOB 24th August Bharuch, Gujarat SSC 93.23% HSC 87.53%

EDUCATION Srishti School of Art,Design and Technology, Bangalore 2018 - Present : M.Des in Human Centered Design Maharaja Sayajirao University, Vadodara 2012 - 2017 : Bachelors in Architecture

EXPERIENCE Freelance Illustrator and owner at ArtMuse 2017- Present Mamta Shah and Associates, Vadodara Aug 2017- May 2018

2017

Graduation B.Arch MSU, Vadodara

2017

Mamta Shah and Associates,Vadodara

2018

M.Des at Srishti school of art, design and technology, Bangalore

Aug - May’18

Internship at Acube Architects, Mumbai June 2015- Oct 2015

SKILLS SOFTWARE:

PHYSICAL:

• Adobe XD • Adobe photoshop • Adobe Illustrator • Adobe InDesign • Adobe Lightroom • Sketchup • Autodesk AutoCAD • Lumion • MS Office

• Problem Solving and brainstorming • Team Work • Visual Ideation and creativity • Rapid Sketching • Story boarding • Presenting concepts to audiences • Prototyping • Graphics and illustrations • Visual Designing


CONTENT UX UI

Convenient doorstep pickup donation system App Design

UX UI

Find your tribe App Design

UX UI

Bridging the communication gap amongst the auditory impaired in ride sharing system. Adding the features in UBER

VISUAL DESIGN • TechVed • Inshorts

LOGO DESIGN GRAPHICS DESIGN


App Design

B LI S S

Convenient doorstep pickup donation system and

UX UI



THE PROBLEM People are unaware about NGO’s and where to donate. Not everyone is willing to provide monetory help but are receptive towards donating old clothes and stuff.

OVERVIEW Charity and Donation is a virtuous activity among the people of community. However there is no convinient way to donate and also not everyone is willing to provide monetary help but are upfront to donate their old and extra stuff. There lies a huge opportunity for donation/charity wth door step pickup system in inexpensive manner.

Even if people donate to NGO they are unable to track that whether their donated stuff benifits to the needy or not.

1.Convenient digital platform for the pickup donation service. 2.Track the journey after donation and till the time it benifits the 3.Establish a platform to sustainable reuse of materials.

PROJECT GOAL Design aims at bringing the frugal innovation that targets the effective reuse of waste, old, or unused products like clothes, eletcronics, Plastic products, furniture or food items through a digital platform.


DESIGN PROCESS

Low fidelity wireframes Field Trip

RESEARCH AND SURVEY

High fidelity Wireframes

Information Architecture

Survey

EXPERIENCE DESIGN

GENERATIVE IDEATION Empathy Mapping

VISUAL DESIGN

Storyboarding Final Prototype


KEY FINDINGS

SURVEY

Getting to know the users

Some insightful highlights form survey and field trips

I conducted survey of potential users to better uderstand the major concerns and the pain points users encounter while donating to the needy. I got in total 70 responses from people belonging to different age group

Would you donate if there is pickup at your home? 70 responses

Yes No Maybe

Majority of People are receptive behind the idea of donating old clothes and ununsed items.

Due to the lack of knowledge about where and whom to donate, excess food and old clothes are thrashed in the bins. Also, even if people donates to an NGO, the journey is never tracked. Thus donors are unaware that their donated stuff benifits to the needy or not.


EMPATHY MAPPING

PAINS

Studying the behaviour of users “I have ample of old clothes. I want to donate some to needy..”

“I want an easy and convinient platform where I can conviniently

“I wasted a lot of food today. I want to give it to the person in need”

There should be a common digital platform to serve

“I should donate these to the needy”

Extra or old things should be reused in an effective way

DONOR

SAYS DOES Procrastinates the idea of donating

Thows extra food to the garbage..

A little Empathy is required but not sympathy

THINKS FEELS Ignores the idea of donating

Donates his old clother or other things generally to someone nearby his neighbourhood

More people should be benifitted with the initiatives and not just few.

Helpless to not able to help everytime

Not able to help or donate a larger group

Feels lethargic to approach people to donate

Not a convinient platform available to quickly and easily donate There is no such system to ensure that the stuff donated is actually benifitted or not

GAINS If there is a digital platform and easy way to donate, there will be less amount of waste generated and also there is a possibility generated to recycle some old products or sell in back in a cheaper rates.


INFORMATION ARCHITETURE

Main Features

Generate and synthesize ideas

Concept of creating happiness box

I conducted survey of potential users to better uderstand the major concerns and the pain points users encounter while donating to the needy. I got in total 70 responses from people belonging to different age group

Splash Screen

When person schedules pickup for donation, he/she creates one happiness box

Build a story to track the happiness box journey Journey List of happiness boxes

Welcome Screen Register

Log In

Personal Details

Login ID

Input or acquired from social sites like Facebook, Google

Verification OTP in phone or email verification

Password

Tap on one to see the story of journey

Home Screen Photograph (which keeps changingtimely) Username

Button to create happiness box

List to donate Display of list to donate Button to proceeed

Enter the approximate quantity of donation Schedule pickup address, date and time Proceed to Create a happiness box


WIREFRAMES

Defining the experience



How does it generate revenue to employ its staff and be self-sufficient

?

01 Create Events self propreietory 02 Sell products

USER JOURNEY

Studying the pattern Acquiring Funds

Stages of Journey of Non Profit Organisation Employing Staff

Donating Funds

Sponsoring And Advertising

Acquiring information about the needy people

Funds from the donors through doorstep pickup donation App

Donating to the needy

Funds received voluntarily

Selling self made products

Funds received for carrying out events Funds required for employing staff for pickup and donation service

Means of Advertisements


Revenue generation through selling and marketing products on the App


App Design UX UI

FIND YOUR T R I B E Building an interface for the convenient search of like-minded people


“

OVERVIEW

Spread your BRANCHES Find your

TRIBE

�

Along with the growing competition and need to stand out from the evolving crowd, the need to depend on the talent, knowledge and creativity is accelerating. Everyone wants to belong. It is human nature to want to find a group of people you just click with; to find your tribe, so to speak, and in modern marketing, this need can be an invaluable asset to growing a business and loyal fanbase.

PROJECT GOAL Design aims at Finding your tribe and tiptoeing around the desire to find a group of people among whom you align your passions and nature with. It also aims to bridge the gap of interaction between the two. It is achieved through building up the convenient and creative interface.


DESIGN PROCESS

Low fidelity wireframes Mind Mapping

High fidelity Wireframes

Information Architecture

RESEARCH

EXPERIENCE DESIGN

GENERATIVE IDEATION Personas

VISUAL DESIGN

User Journey Final Prototype




Occupation: Corporate Service Age: 30 Gender: Male Education: Bachelor’s + Masters Status: Unmarried Income: 10 lakhs per annum Work Experience: 2 yrs Skill Set: Computer Programming + UX/UI design

Attitude: Passionate, Aggressive, Optimistic Interests: Gaming, Programming, Simulations Motivations: Ted talks,

PERSONA

Getting to know the users

End Goal : To have sufficient Money, To be successful, To grow business with the like-minded people, To have popularity, To have satisfactorily life

USER JOURNEY

Studying the pattern Signing up

Searching

Connecting

Communicating

Signing up on social media Connecting to the people of specific interests

Searching for specific people on Social Media

Communicating regarding specific interests


WIREFRAMES

Defining the experience

Splash Screen

Login Screen

Register Screen


VISUAL DESIGN

Tap on the choices to find your tribe

Home Screen

Aa

Segoe UI Segoe UI Bold ffcb23


Adding Features in the existing design of UBER UX UI Bridging the communication gap amongst the

auditory impaired in ride sharing systems


PROJECT GOAL Design aims at coming up with a solution to bridge the communication gap for the auditory impaired while using ride-sharing platforms such as Uber. It is achieved through the idea of providing interactive chat bot. The project was carried out as a group work between me and my fellow mates Smriti, Avani,Sindhu and Ayan.


DESIGN PROCESS

Inspiration

Secondary

• Case Studies • Literature reviews

Synthesis

Primary

• Unstructured Interviews • Structured interviews

Identifying opportunities

Design brief

Ideation

Empathise

•Storyboarding •Defining Problem •Empathy mapping • User Study Statement •Role Playing • Personas making • Conversation Mapping

Design Intervention

•Wireframes •Visual Design


A day in Tom’s life...


EMPATHY MAPPING

PAINS

Studying the behaviour of users “I want some reliable “I want to lead an independent life. I want mode of transport. It would be nice if to stop people patronisdriver is aware if my ing me” stability” “I want the messaging platform between the driver and the passenger”

“I want uber to be more disable friendly”

Some intervention should be made to bridge the communication gap in ride sharing systems amongst auditory impaired

DONOR

In case of emergency, taked help to assist

A little Empathy is required but not sympathy

THINKS FEELS

SAYS DOES - cancels the ride - Avoid communication -Asks a friend to make the communication

Ride sharing systems should devise a way to inform the drivers of their disability

Avoids social gathering

Uses other modes of transport like metro or public modes of transport

Fearful neglected

Unhappy with the current scenario in the ride sharing system

Communication barrier while booking a ride. Current service doesnt equip them to have a equitable access to ride sharing system

GAINS

Unsure whom to trust helpless inner conflict

Dependent Anxious

Users want to achieve an independent ride sharing system Bridging the communication gap between them and the driver by using the texting to communicate instead of calling


SOHAIL KHAN Sohail khan is 25 yrs old. He studies in IIM Bangalore and graduated in march’18. Currently, he is working in telecommunication company. Frustrations: • Cab drivers cancels his ride because he don’t pick up the calls • System dont include a feature to interact with drivers for hearing impaired

PERSONA

Getting to know the users “ I don’t pick the calls made by Uber driver to say that I am on my way. I don’t hear music but I can feel it. I don’t know what it is like to hear sound”

USER JOURNEY

Studying the pattern


TASK FLOW

Generate and synthesize ideas


CONVERSATION MAPPING Generate and synthesize ideas


INTERVENTION

Adding features for auditory impaired

01 SPECIFICATION OF SPECIAL ABILITY On registering with Uber, riders as well as drivers can specify the type of disability they have. Whenever a driver accept a ride he will be notified with the rider’s disability and vice versa

02 VIDEO TUTORIAL Tutorial will help learn some basic gestures of sign language. This will facilitate good flow of communication between rider and driver


03 RESPONSE TO CHAT MESSAGES The message will be displayed here as well as read out. Whenever a message arrives, it can either be acknowledged by swiping left/right or can be tapped to reply

04 ACCESSIBILITY DURING CHAT Predefined suggestions are prompt to ease the conversations


INTERVENTION

Adding features for auditory impaired

04 WARNING MESSAGE This feature display a warning message on the driver’s screen Whenever he clicks to chat, It is to ensure that chat feature is only used when he has stopped and not actually driving

05 INCENTIVES

Drivers will be prompted to accept the ride of specially abled people because of the incentives they will receive out of it.


Finally Tom got his coffee..


Visual Design UX UI

Tech Ved FINANCE


Visual Design UX UI

Inshorts


Logo Design Ar. Garima Gupta

Concept Triangle represents stability of structure and the circle surrounding it represent the mandala (Universe) encomprising all the elements within it.

Ar.Logo Mohnish Anand Sahu Design Mohnish Anand Sahu

Design Process

Process 1

Highlighted curves denotes he initials of the name ‘M’ and ‘S’

Process 1

Process 1

68c4cf

eade53

51a440

Final Design Designed by

Ar. Munira Khambhati


Graphics design Sketching



Graphics design Calendar 2019


Group Caricature


Friends’ Caricatures


Digital Graphics


Low Poly Art STAN LEE




2019


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.