DUKKA’s UI/UX DESIGN PORTFOLIOgopaldukka.com/dukka_portfolio.pdf · 2018-07-17 · Sketch 3.0...

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


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.


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.


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.


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



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 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.



Messaging AppCruise Info


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


Video on DemandChannel Guide


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






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



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

DUKKA’s UI/UX DESIGN PORTFOLIOgopaldukka.com/dukka_portfolio.pdf · 2018-07-17 · Sketch 3.0...

Documents

Transcript of DUKKA’s UI/UX DESIGN PORTFOLIOgopaldukka.com/dukka_portfolio.pdf · 2018-07-17 · Sketch 3.0...