DUKKA’s UI/UX DESIGN PORTFOLIO DUKKA’s UI/UX DESIGN PORTFOLIO UX
DUKKA’s UI/UX DESIGN PORTFOLIO
DUKKA’s UI/UX DESIGN PORTFOLIOUX
2010-2011
2011-2012
Com
plet
ed B
ache
lors
in
Com
pute
r Sci
ence
& E
ngin
eerin
g
1999-2003
2006 - 2009
2010 - 2011
2011-2012
2012 - 20142014 - 2016
2005 - 2006
Sana
d So
ftwar
e So
lutio
ns
UI Des
igner
Gaian Solutions
UI & Interaction Designer
Pixelloid
Motion Graphic Designer
Pyramid SoftSolUI Designer
Cognizant (Client: Microsoft)
UX/UI DesignerIntergraph (Acquired by Hexgaon)
UX/UI Consultant
WORKEXPERIENCE
Adobe Creative Suite (Ps, Ai, Dw, Ae, Lr)
Sketch 3.0
Axure
Balsamiq
HTML, CSS, Bootstrap
User Research Interaction Design
UX Sketching Prototyping
Human Interface Guidelines
Mobile Design
Responsive Web DesignVisual Design
Graphic Design
Wire Framing
Core Strengths
Skill Sets
Ernst & Young
UX/UI Consultant
2016 - 2018
USER INTERFACE DESIGN
USER EXPERIENCE DESIGN
GRAPHIC DESIGN
HYBRID DESIGNER
Project : Android Mobile Design
Client : UID
Project Brief:
UID (United International Diagnostics) is a sample collection center, whose goal is to reduce user efforts of travelling to diagnostic centers for giving samples and collect reports. The mobile application is for the sample collection boys, to locate, visit the user and collect samples/deliver reports
For process refer to page - 31
For clickable prototype - https://invis.io/XFKLHTHRKSV#/125459488_Home
Project : Android Mobile Design
Client : Sanchan
Project Brief:
Traveller App is to assist the traveller in finding the places and happenings at his location. My role is to design the screens from the given wire-framesand deliver the assets to the developers.
Project : Android Mobile Design
Client : Sanchan
Project Brief:
Mobile Cashpad Application to help small scale vendors (who supply things on credit basis) to register users, record transactions and track the payments. My role is to design the screens from the given wireframes and deliver the assets to the developers
Project : iPhone Mobile Design
Client : Cognizant
Project Brief:
Cognizant wants to demonstrate the client, how the existing desktop application can be designed for mobile. My role was to understand the requirements , conceptulize and design the screens as per the branding guidelines and provide the style guide for the developers.
Project : Web Interface Design
Client : Aslan Residential
Project Brief:
Aslan Residential is a rel estate company which procures, renovates, repositions and sells residential properties. It wanted to re-design its plane website to informative and interactive website. Its users must be able to search, compare and know what margin they are able to sell or buy the houses. As a UI/UX designer my role is to understand the requirements, do information architecture, create wireframes and deliver the visual designs & style guides to developers.
Project : Web Interface Design
Client : Sanchan
Project Brief:
Sanchan is a software development company who develops applications for web and mobile. Goal is to develop a web application which can pro-vide and compare quotes for the user for his medical treatmemt at different locations across the world. My role is to conceptualise, design the website and assist developer by providing style guide and css.
Project : Web Interface Design
Client : Sanchan
Project Brief:
Sanchan is a software development company who develops applications for web and mobile. Website to search for best hospitals around the world related to the treatment. My role is to conceptualise, design the website and assist developer by providing style guide and css.
Project : Application Design
Client : VM Modualr
Project Brief:
VM Modular is a modular furniture manufacturing company. Want to develop a web application to create and view quotations and track orders placed by franchise.
For process refer to page - 24
Process Followed:
Investor idea is to provide on demand content via internet through affordable set top box to variety of domains like Hotels, Cruise ships and household in partnership with wave entertainment.
Applications like Video on Demand (VOD), Channel Guide/TV Guide, and domain based information applications requied rich inter -
faces and user friendly navigation.
Collaborated with HeadPlay to provide rich interfaces and content for their head gear.
STAKEHOLDERREQUIREMENTS ANALYZE IDEATE DEFINE
FLOW
DEVELOPERLIMITATIONS
HARDWARELIMITATIONS
PROTOYPE
YES
NO
FINE
USERFEEDBACKTEST
DESIGNDELIVER TO DEVELOPERSVISUAL QA
ITERATIONS
Project : TV Applications for Set Top Box
Client : GAIAN Solutions
Video On Demand Workflow
Design Challenge
Login with ID
Choose the Category
Browse the Titles
Purchase/Rent with ID
Hollywood HitsNew Releases CatchUp Tv Adult My Purchases
Watch the Movie
RentedPurchased
Rental TimeBrowse the Titles
v
Not expired
Renew the rent Remove
Expired and interested
Expired andNot interested
Verify Age
Project : TV Applications for Set Top Box
Client : GAIAN Solutions
To design a simple and user-friendly interfacesfor different type of set top boxes
Developing applications exclusively forhardware like Set Top Box is its first of kindproject
Had to do extensive research in limitedamount of time.
Had to get aware of hardware limitationslike memory, font and color support, withthe help of developers
Continous design and test process to under-standthe hardware behaviour and navigation
Included client / Investor feedback sessionsthough out the design & development
Project : TV Applications for Set Top Box
Client : GAIAN Solutions
Project Brief:
Gaian Solutions is an application development company which exclusively develops TV application for set-top box to homes, hotels, cruise ships etc. My role is to design user friendly interfaces for different type of set-top boxes.
Video on DemandChannel Guide
*The above content is copyrighted by Gaian Solutions . Permitted only for personal display. Should not be used for public.
Project : TV Applications for Set Top Box
Client : GAIAN Solutions
Messaging AppCruise Info
*The above content is copyrighted by Gaian Solutions . Permitted only for personal display. Should not be used for public.
To provide information about the hapenings in the cruise ship for it travellers.
Messaging option to communicate with other travellers on the cruise
Project : Interfaces for Wearable Device
Client : GAIAN Solutions
Video on DemandChannel Guide
*The above content is copyrighted by Gaian Solutions . Permitted only for personal display. Should not be used for public.
To provide information about the hapenings in the cruise ship for it travellers.
Messaging option to communicate with other travellers on the cruise
Branding
Helped in creating brand and other things (posters, brochures, emails etc.) for the above companies
ELECTRONICSHUB
Swasthaya | Sukha | SamadhiYOGOPATHY
MY PERSONALTAB
Graphic Design
Designed posters for a leading VFX Training company
Project : Re-design the stencil
Client : Microsoft
Client Requirement:
Process I Followed:
Design and create new gorgeous attractive shapes to the existing stencils
Design Challenge
Shapes should blend into the current design pattern.Should be gorgeous with minimal performance issues.Developer friendly and should be themeable
REQUIREMENTBRIEF SUBJECTMATTER
EXPERT INPUTS
RESEARCH SKETCHS&DESIGNS
PRESENTATION DISCUSSION,INPUTS & FEEDBACK
DEVELOPERINPUTS
ITERATIONS AND UPDATES APPROVAL DESIGN
DESIGN STANDARDS
DELIVER TO DEVELOPERS
VISUAL QA
*Users - Global Visio Users
YES
YES
NO
NO
Upgraded Stencils
Shipped with Product
*© 2015 Microsoft. Microsoft & Visio logo are copyrighted. Content showcased is permitted only for personal presentation. Should not be used for public.
OFFICE LAYOUT HOME PLAN
FLOOR PLAN BASIC ELECTRICAL
New Shapes
Old Shapes
*The above content is copyrighted by Microsoft . Permitted only for personal presentation. Should not be used for public.
A
LOUNGE CHAIR SOFA
COPIER
TREE PLANTS
TRUCK
LOUNGE CHAIR SOFA
COPIER
TREE PLANTS
TRUCK
Office Layout
Home Layout
*The above content is copyrighted by Microsoft . Permitted only for personal display. Should not be used for public.
Humans
Plants & Vehicles
*The above content is copyrighted by Microsoft . Permitted only for personal display. Should not be used for public.
Project : Quotation & Order Management Dashboard
Client : VM Modular
Project Brief:
Challenges:
Process I Followed:
PROJECTBRIEF
PROCESSREVIEW
USERINTERVIEWS
CLIENTINTERVIEW
PERSONAS TASK FLOW DIAGRAMS(OR)
SCENARIO MAPPINGS
LOW-FIDELITY MOCKUPS
To create an online portal for domain expertise users(B2B Customers), to customize the Modular Kitchen and Wardrobe units/cabinet(materials, shades(colors) and hardware etc.), enquire multiple quotations, place orderand track it. “Up Sell” current customers
The current prototype developed by developer with proper user research, is of a fragment toolset. Difficult to use, multiple context shifts and significant gaps in the functionality.
Some of the users are frustruated with the current manual ordering and tracking system (noted during user interviews). Poor record mainte-nance of the quotations enqired by the customers( noted during client interview).
UCD Process
UX Approach
Exist ingFunctionalProtoype
ContextualInquiry
CreatingPersonas
TaskFlow
StakeholderInterviews
End UserSurvey
Evaluate find the issues in the exist ing prototype
DesigningLow fidel i ty wireframesusing Adobe I l lustrator
New design need to be introduce to address the usability issues in the
existing design to enhance the overall experience
Most vital part of UX is to indentify users. Intially interviewed stakeholders and identified the end users and conducted asurvey to identify the real requirements
Executive Intent:
To create an online portal for domain expertise users to customize the materials, shades(colors) and hardware of Modular Kitchen and Ward-robe units/cabinets and place & track order, raise multiple que-
Market Segment
(B-B Customers)CarpentersStore Owners/Franchisee (Modular Furniture’s)Interior Designers
Persona
Franchisee (Modular Furniture’s)Interior Designers
General Taks
Create New Order, Track the orderCreate multiple quotations, compare and convert to orders
Critical Success Factor/Usability Criteria
CSF: Convert the enquiries/quotations to orders UC: Place the order without any dropoff and track the order with an ease
Artifacts
Survey Results
Link for the reports: www.dukkas.com/VM_Modular_Users_Feedback_report.xlsx
Personas
Task Flows
Quotation Management Task Flow
Task Flows
Order Management Task Flow
Wire-frames
www.webflow.comwww.webflow.com
Dashboard Dashboard
1210
Quotation Management Order Management Franchise Management
Customer Management Reports Model Management
20 NewQutoations 10 Pending
Qutoations 10 ForApproval 20 Total
Franchise 10 ActiveFranchises 10 Inactive
Franchises
20 TotalCustomers 10 Active
Customers 10 InactiveCustomers
perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo
perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo
perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo
perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo
perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo
perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo
Welcome Mr. Hunt, Franchise Name
Project : Android Mobile Application
Client : United International Diagnostics
Client Requirement:
Process Followed:
UID provides quality diagnostic healthcare services to patients in India. The state-of-the-art center having an advanced
world-class technology and wide network, plans to implement a new service first of its kind to its Indian customers. It want to
conduct the diagnostic healthcare services and collect the samples at the customers convenient locations with the help of
mobile technology and centralized lab & database.
For this exclusive service UID wants to develop an intuitive android based mobile application for its team to register, locate and
visit the patient to conduct the diagnostic service, collect the samples, report and handover the samples.at the central lab.
UIDREQUIREMENTBRIEF
PRESENTATION DISCUSSION AND FEEDBACK
ITERATIONSAND UPDATES
APPROVALTESTING HI-FIDELITY INTERFACES
NO
YES
DEFINE & DESIGNFLOWS
DELIVER TO DEVELOPERS
VISUAL QA
WIRE-FRAMESANALYZE &RESEARCH
Business Workflow Topology
UX Process
Educating the Customer about
the ux process involved before
venturing into the design. As he
was expecting a fully functional
design with rich interfaces.
Create Proto - Personas to make
the customer understand the
user goals, current behaviour
and design goals
Customer gets the clear under-
standing of the functionality of
the app, by the flows provided
Used Invison for presentation
and testing. Strictly followed
material design for creating the
interfaces.
Mother Lab(Aurangabad)
Lab/Collection CentersX City
Lab/Collection CentersZ-City
Data/Samples Transfer
Data/Samples Transfer
Data/Samples Transfer
HospitalHome ClinicLabs
Technician CollectionAgent
CollectionAgent
CollectionAgent
Lab/Collection CentersY City
Work Flow
Process/Flow
Technician Home
Login
View the List*
Wait for the notification Locate and reach the
Location
Verify the details
Conduct the test
Collect the Samples
Feed the Data into the App
Collect the Payment
Close the item
Update/Edit the details
Data Entry Mistakes
Details Match
Contact Lab/Collection Center
Data Mismatch/Wrong Data
No Items
Handover the samples to collection/lab center
Tap the Item to view the location details
List contains Customer/Patient details to be visited
Add New Order
Contact ListExisting Patient New Patient
Verify the details
Select the predefined orders
Enter the data
Check the samples to be collected in
the order
Yes No
Wire- Frames
THANK YOUI really appreciate your time for viewing my portfolio.
[email protected]@reach me