SlideShare a Scribd company logo
Rachit
Bhamawat
UX UI Portfolio
Selected Samples 2018-2019
Interactive UX/UI Designer
Over 5 years of experience - specialized
in Web, Mobile and Enterprise application designs.
UX/UI Designer, skilled in creation of engaging, intuitive and user-friendly designs for people across
various digital touch-points.
Have experience in designing solutions for various platforms including Web, Mobile, Tablet and Kiosk.
How I Approach
Interact with business analysts and project team members, conduct stakeholder interviews for
requirement gathering.
From the gathered insights, create Persona, Scenarios, define navigations.
Create conceptual designs using Photoshop Invision app (interactive prototypes), followed by
design validation with usability testing.
02 UX UI Portfolio
Selected Samples 2018-2019
Skills
Wireframing Rapid PrototypingInformation Architecture Visual Design
2D Graphic Design
Understanding of
HTML/CSS
Tools
Balsamiq Photoshop Illustrator
InVision Sketch
Tools
03 UX UI Portfolio
Selected Samples 2018-2019
Skills
Cases
1. IoT Platform
2. Fundraising Portal
Online fundraising solution for various causes.
Internet of Things- Portal for IoT Devices
IoT Application Enablement Platform with features like customizable device clusters, report generation, user access and license managemen
Service Delivered
Research, UX Design, UI Design, Prototyping, Ongoing Support, Illustration & Icons, Logo,
Style Guide
Platform
Responsive Web
3. Resume Builder
4. Enterprise Application
5. Kiosk
Rajasthan government project for exploring famous nearby places
with interactive Kiosk installed at multiple places.
Website to build resumes by providing matching samples.
Android app for sales and marketing people for leading
manufacturer of cattle feed in India.
04 UX UI Portfolio
Selected Samples 2018-2019
Internet of Things- Portal for IoT Devices
Challenges
Design Goals
Create a customized portal to connect various types of
devices.
Scalable design system, capable of accepting more
features in future without affecting the current
functionalities.
Work on UI designs for multiple devices simultaneously.
Create design guidelines for all screen sizes.
Responsive dashboard for mobile users.
Create relevant experience for various users of the portal.
Represent data in easier formats for better understanding
to normal users.
Design screens for Admin interface providing meaningful
reports of data generated from various devices.
How Goals were Achieved
Research on existing IoT portals used by IoT Device
manufacturers and Government officials..
Identify list of pain points for users in existing portals and
overcome them in new portal with better design solutions.
Conduct discussions and various brainstorming sessions
with device manufacturers and development team.
Create design guidelines considering various types of
devices and screen sizes available to users.
Suggest smart features to create smart solutions
Create effective designs for amazing user
experience.
Follow Agile methodology in team to achieve targets in
pre-defined timelines.
Deliverables
Navigation structure and workflows
Low and high fidelity wireframes
Visual designs and screens
Reusable design components for development team.
Style guide for design consistency
Ongoing development support
05 UX UI Portfolio
Selected Samples 2018-2019
Internet of Things- Portal for IoT Devices
Co-create Session with Stakeholders
Conducted co-create sessions to understand business requirements and define problem statement, which led to
finalize project roadmap and define features for different user groups.
It was an interactive and iterative session to discuss multiple ideas and define structure of the application.
Define User Groups
Based on the different tasks that can be performed within the application, various user groups were
defined and created task flows to achieve system goals.
The system has user roles configured in following 4 groups:
Portal Admin to manage Companies: Access to create and manage accounts of various
companies, along with issuing license as per the contract.
Company Admin to manage Clients: Access to create and manage accounts of various clients, defining limits to
add devices and users adhering to contract between company and clients.
Client Admin to manage users and device clusters: Access to create new admin users and manage
users for device clusters.
Cluster User: Access to cluster status which is allocated to them by admin for particular IOT solution.
06 UX UI Portfolio
Selected Samples 2018-2019
Internet of Things- Portal for IoT Devices
Storyboard
Creating Accounts & Issue
License to Company
Prime Admin will create accounts
for companies as per the contract and
issue license key for using portal.
Creating Projects for Clients
Super admin for the company will access
the application using given license key to
create projects for their clients and define
the limit of users and devices for each
client.
Create Device Clusters and
User allocation
Project admin will create device clusters,
add respective devices to it, allocate users
to it who will handle the solution and
ground level actions.
Creating Reports
User will have access to status of all
the devices which are allocated to
them and create reports as per their
requirement by ROI calculator.
07 UX UI Portfolio
Selected Samples 2018-2019
Internet of Things- Portal for IoT Devices
High Level Information Architecture & Task Flow
08 UX UI Portfolio
Selected Samples 2018-2019
Internet of Things- Portal for IoT Devices
Wireframes
Created wireframes for multiple screens after discussions with stakeholders and development team to meet
product requirement with maintaining user experience across the portal.
09 UX UI Portfolio
Selected Samples 2018-2019
Internet of Things- Portal for IoT Devices
Screens
WebMobile
Skills
3. Resume Builder
4. Enterprise Application
5. Kiosk
Rajasthan government project for exploring famous nearby places
with interactive Kiosk installed at multiple places.
2. Fundraising Portal
Online fundraising solution for various causes.
1. Internet of Things
IoT Application Enablement Platform.
Fundraising Portal
Services Delivered
Wireframe, Prototyping, UX Design, UI Design, Ongoing Support, Illustration Icons, Logo & Style Guide.
Platform
Web, Responsive
Website to build resumes by providing matching samples.
Android app for sales and marketing people for leading
manufacturer of cattle feed in India.
Cases
Fundraising Portal
Challenges
Design Goals
Design a creative and interactive solution for users of
fundraising portal.
Simple and easy Authentication process for all entities.
Multi role access and Authorization in single entity.
Creating a trustable information architecture as users are
dealing with funds.
Easy ways to create, share and modify contents.
Improve signup experience by redefining the
process of extracting user information.
Responsive dashboard for mobile users.
Create relevant experience for different types of user of the
portal.
How Goals were Achieved
Users could create their own mini-websites by customizing
their pages.
Understand the existing complex sign-up process and
provide an easy solution to gather sign-up information.
Site editing tool which enable to preview mini-websites.
Deliverables
Navigation structure
Created wireframes
Created visual designs
Created design components for dev team to reusable
designs for new developers.
Style guide for design consistency
Ongoing development support
Conducted multiple sessions with different stakeholders to
understand their requirements and create a generic design
solution to cater their needs.
Understand requirements of mini-websites and provide
wide variety of options to create them.
12 UX UI Portfolio
Selected Samples 2018-2019
Fundraising Portal
Personas & Storyboards
Fundraising Portal
Storyboards
Information Architecture
Created high level information architecture by
analyzing fundraiser’s/donor’s behavior and
process to achieve desired goals.
Fundraising Portal
Screens
15 UX UI Portfolio
Selected Samples 2018-2019
Skills
Cases
4. Enterprise Application
5. Kiosk
Rajasthan government project for exploring famous nearby places
with interactive Kiosk installed at multiple places.
2. Fundraising Portal
Online fundraising solution for various causes.
1. Internet of Things
3. Resume Builder
Resume Builder
Resume builder is a website that helps users build their resume by providing matching samples. The website guides the
user with various suitable matches and descriptions to enable best resume writing. The website has rich editor that builds
and incorporates resumes in various predefined templates.
Services Delivered
Low Fidelity Wireframe, High Fidelity Wireframe, Prototyping, UX Design, UI Design, Resume Templates
Platform
Web
IoT Application Enablement Platform.
Android app for sales and marketing people for leading
manufacturer of cattle feed in India.
Resume Builder
Challenges
Design Goals
Create multiple design templates with easy editing tool for
every user group.
Create resume guidelines for users to create effective
content in the resume.
How Goals were Achieved Deliverables
Collect and analyze template designs from various user
groups.
Define task flows and customer journeys
to understand the required features.
User Journey & navigation
UI components for wireframe
30+ resume templates for users
20+ UI Screens
Connect with stakeholders to understand the business
requirements.
Worked in Agile model with development team to deliver
features in incremental stages.
Create professional templates and allow sharing with
friends and expert for feedbacks.
Allow customization of templates and add new templates
to the store by different users.
17 UX UI Portfolio
Selected Samples 2018-2019
Resume Builder
Research
Some of the questions asked in interviews with stakeholders,
job seekers, company human resource team and colleagues:
● What are the existing tools used to create resume.
● What information is required to create resume for different professions.
● How resumes are examined for shortlisting.
● What keywords does employers use to filter resumes on job portals.
● From whom job seeker take reviews on their resumes.
● Will you pay to any of resume builder. If yes, why?
● How will you personally define the perfect platform to fulfill your job?
● How this data is helpful for clients?
Surveys gave below quantitative insights about user:
● About the potential users.
● There is no specific tool to fulfil all their requirements.
● People copy content from one another or they search on google.
● Employer always wants to see the skillset which they are looking for first.
● Most of the employers used specific keywords (such as skills, certifications,
experience, etc ).
● Job seeker always share their resume with their friends and family to review.
● No particular tool to create/review resume.
18 UX UI Portfolio
Selected Samples 2018-2019
Resume Builder
Persona
Jason J. Burg Fresher
Age 24
Education Bachelor degree
Marital Status Single
Location Mountain View
Online location Mobile
Computer(s) Macbook
Internet usage 5-7 hours
Technophobe Tech wiz
Friends Job Network
Expertise No Expertise
Jason has completed his studies
and now he is looking for
exciting job opportunity to get
experience in his profession.
Obstacles Jason faces
● Don’t know where to explore good resumes and
content for the same.
● Don’t know any resume expert to give feedback on
his resume.
How will Jason interact with resume online
resume builder?
Questions Jason will ask:
● Can I access my resume anywhere and share
online?
● Can it be saved for future modifications?
● Can I seek expert reviews and feedbacks on my
resume?
What/Who influences Jason?
Own goal JobsTeachers
FamilyFriends
Jason’s Situation
Goals/Motivations
● He wants to create a good resume to get
shortlisted by company HR’s.
● From where to start building resume as fresher.
● Get expert review on his resume.
● Get content suggestions for resume.
Jason’s Story
Jason was very good in his academics. After
graduation he wants to be hired by a good company
which can boost his career as a fresher.
Jason always used to discuss with his teachers and
friends about good companies to work in and how to
build attractive resume so that employers will shortlist
him.
He researched on internet for available resume
builders and different skills required for his desired job
position.
Blogs
Resume Builder
User Journey
Create ResumePlanning
Share with friends &
experts
Feedback from
friends & experts
Recruiter Finish
John plans for job after his
graduation.
So he figured out that he
will need a resume to get a
job.
He searches for online
resume, and finds a website
to create resume online.
John selects a suitable
template for resume.
John fills all the fields &
describes his abilities to
impress the recruiter.
Finished resume.
John shares his resume
with his friends & expert
through the website.
Friends & experts give
feedback for his resume.
John updates his resume
as per feedback.
Website forwarded John’s
resume to the recruiter as per
subscription and
requirements.
John got selected for the
interview.
Task of landing in the
interview completed.
By understanding insights from user journey, created
following navigation architecture of website.
HOME
Select Template
Edit
Save
Saved Resume Packages Support Education Contact UsInformation Architecture
He also modifies the
resume template to help
his fellow job seekers.
Resume Builder
Low fidelity Wireframes
Resume Builder
High fidelity Wireframes
22 UX UI Portfolio
Selected Samples 2018-2019
Skills
Cases
4. Enterprise Application
5. Kiosk
Rajasthan government project for exploring famous nearby places
with interactive Kiosk installed at multiple places.
2. Fundraising Portal
1. Internet of Things
3. Resume Builder
Enterprise Application
Services Delivered
Platform
Website to build resumes by providing matching samples.
Online fundraising solution for various causes.
IoT Application Enablement Platform.
Android application for sales and marketing persons working for leading manufacturer of cattle feed in India.
Wireframes, UI Designs, UI Style Guide
Android Mobile
Enterprise App
Challenges
Design Goals
Stakeholders wanted to create an app for sales and
marketing agents to track their daily activities on ground
level.
Messaging system within the app for sales agents to
communicate with upper hierarchy teams.
How Goals were Achieved Deliverables
Competitive product research to understand what
experience other products have.
Created multiple user journeys to understand how the user
will interact with the application.
User Stories & Information architecture
Designed style guide with brand identity
Wireframes
Visual designs
Connected with stakeholders to understand the business
requirements and what type of activities are performed by
sales agents.
Worked in Agile model along with development team to
deliver small chunks in iterations.
Development support
Create an easy mobile app to for better usability
24 UX UI Portfolio
Selected Samples 2018-2019
Understand the market feedback for better sale.
Enterprise App
User Journeys
Steps
Sales Agent will start his daily
activity and stop it after 6 hours
Agent wants to visit a distributor
to take feedback
Clicking on start button in
agent app will start the timer
with start time tag
Day started: 10:20 AM
06:15:00 hrs
End Day
Clicking en day will end the
tracking for sales agent for the
day
Agent will go to the distributor Agent will find the name of
the distributor from the list
Agent will do some
Q/A with distributor
and fill the form
Agent wants to see history of his
visits and activities for an
particular distributor.
Agent will find the
distributor from the
list.
Agent will go to the history and
will find all the dates he visited
to the distributor
Agent will select any
date to see all
activities and
feedbacks
10:20 AM
Start Day
Submit
Jan
24
25 UX UI Portfolio
Selected Samples 2018-2019
Enterprise App
Information Architecture
Login
Distributors Messages Agent’s HistoryTodayAccount
Personal Info
Change
Password
Edit
Change
Start Day
Reports
Start day
report
End day
report
End Day
Cities List
Distributors list
Distributors
Distributors Info
Upload Activity
Edit
Start day
report
End day
report
History
History
Calendar
History
Calendar
Chat Box only
with admin
Calendar
Activity reports
from selected date
On the basis of user journey and task analysis
information, we created information
architecture to understand more details of
task hierarchies.
First Level of Navigation
Second Level of Navigation
Third Level of Navigation
Editable actions
26 UX UI Portfolio
Selected Samples 2018-2019
Enterprise App
Low fidelity Wireframes
27 UX UI Portfolio
Selected Samples 2018-2019
Enterprise App
Visuals Designs
Skills
Cases
4. Enterprise Application
5. Kiosk
2. Fundraising Portal
1. Internet of Things
3. Resume Builder
Kiosk
Services Delivered
Platform
Website to build resumes by providing matching samples.
Online fundraising solution for various causes.
IoT Application Enablement Platform.
Android mobile app for sales and marketing persons working for
leading cattle feed manufacturer in India.
Rajasthan government project for exploring famous nearby places with interactive Kiosk installed at multiple places.
Research, Visual Design
The kiosks were designed with 40 inch touch screens
Kiosk
Challenges
Design Goals
Kiosks will be used by public, so it’s hardware as well as
software needs to be sturdy and robust
The content should be able to be updated anytime for all
the locations
How Goals were Achieved Deliverables
Eye catching attractive designs
Easy to use.
Visual designs
We worked closely with JDA, L&T ECC and Sterlite to
develop next generation light weight kiosks.
Quick and understandable access links.
Development support
Kiosk data has to be collected for better analytics and
improving user experience.
Design which connects with public and culture of Jaipur
city.
30 UX UI Portfolio
Selected Samples 2018-2019
Designed background for Kiosk keeping in my mind the
importance of famously known Pink City.
Architecture for the content.
Kiosk
Establishing Key Audience
Interviewing stakeholders helped in identifying the right audience for the product and characteristics of concerned participants. As with every product or service, the best offering comes from carefully
identifying the target audience, their needs and their wants.
Locations where the kiosk will be installed
31 UX UI Portfolio
Selected Samples 2018-2019
Airports Railway Stations Bus StationsMetro Stations
Historical places Museums Zoo Parks
Bus Stations
By finding the locations where the kiosk will be
installed we got know who will be the users and
what type of content they will be looking for.
Insights:
Users wanted to know :
Nearby places (Historical places, restaurants,
hotels, any other key places to visit)
Current status of travel bookings (PNR,
schedules and routes)
Kiosk
Content Architecture
Before placing content on the kiosk, we researched it’s design
And behaviour of users who will be interacting it’s content.
● The height of kiosk will be 6 feet
● Screen will be 40 Inch
● Screen will be accessed vertically
● Average height of people in India is 5 to 5.5 feet
Kiosk measurements
Audience Need
● Weather Info about the location where kiosk is installed.
● Info about the location where the kiosk is installed.
● Other nearby tourist locations info and directions to visit there
● Summary of the city and places to visit
● Find routes on maps
● Transport information (Flight, train,, Bus, Metro)
● Nearby hotels, restaurants, entertainment options
● Important phone numbers for emergency
Government Goals
● The surfing data needs to be collected for better analytics and serving
people better in tourism sector
● Spread awareness amongst people regarding government programs
● Updates about the city and influence people to visit more places in the city
● Promote tourism
● Advertisements
● Government news
How user interacts with bigger screen and what are the focus area
Source: Microsoft, Large Display User Experience
32 UX UI Portfolio
Selected Samples 2018-2019
User
Focus Area
Kiosk
Visual Design
33 UX UI Portfolio
Selected Samples 2018-2019
Installed at more than
25 locations
Thank You
Contact Detail
rachit01bhamawat@gmail.com
+91 87690 00924
https://www.linkedin.com/in/rachit-bhamawat-5a4791a7/

More Related Content

PDF
The Case for Business Apps
PDF
iPad Apps for the Enterprise
PDF
Property Management System
PDF
Creative chaos overview code thinking
PDF
App cloud-mobile-solutions-guide
PDF
Kony Mobility Platform
PDF
Startup Engineering Cookbook for Mobile Apps
PDF
Folio2019
The Case for Business Apps
iPad Apps for the Enterprise
Property Management System
Creative chaos overview code thinking
App cloud-mobile-solutions-guide
Kony Mobility Platform
Startup Engineering Cookbook for Mobile Apps
Folio2019

What's hot (20)

PDF
Rethinking Enterprise Mobility Strategies
PPTX
Product - User Experience Architecture
PDF
Off-Road Studios | Company Profile
PPT
Enterprise Mobile App UX: Designing from UI to Backend
PDF
Fundamentals of Mobile App Development Technology
PDF
Riktam technologies company profile + portfolio
PDF
Portofolio
PDF
Salesforce.com Partner Meetup - Atlanta -10/31/12
PDF
Mr Ted User Experience
PDF
Prateek Agarwal Portfolio
DOC
Resume _ios
PDF
IRJET- Automated Mess Service based on User's Location PART-2
PDF
ICICI Bank - A UX Case Study
PPTX
Enterprise2.0 achiving the vision
PDF
Hyphenate: Build Engaged User Communities with In-App Chat
PDF
Java with android
DOC
AshutoshMishra-v1.0
PPTX
SharePoint 2010 - IT Platform upgrade and Management
PDF
7 Application Engagement Techniques
Rethinking Enterprise Mobility Strategies
Product - User Experience Architecture
Off-Road Studios | Company Profile
Enterprise Mobile App UX: Designing from UI to Backend
Fundamentals of Mobile App Development Technology
Riktam technologies company profile + portfolio
Portofolio
Salesforce.com Partner Meetup - Atlanta -10/31/12
Mr Ted User Experience
Prateek Agarwal Portfolio
Resume _ios
IRJET- Automated Mess Service based on User's Location PART-2
ICICI Bank - A UX Case Study
Enterprise2.0 achiving the vision
Hyphenate: Build Engaged User Communities with In-App Chat
Java with android
AshutoshMishra-v1.0
SharePoint 2010 - IT Platform upgrade and Management
7 Application Engagement Techniques
Ad

Similar to Rachit ux portfolio (1) (20)

PDF
Portfolio 1 pages-deleted
PDF
Portfolio 1 pages-deleted
PDF
Portfolio 1 pages-deleted
DOC
Resume
DOC
Arvind Updated
PDF
Vijayabaskar-Resume
PPTX
United Creations UI/UX Presentation
DOC
Ahadh Abbas Sr. Web UIUX Designer
PDF
Fundamentals of Web Design - Professional Development Workshop
DOCX
AravindaKumarNew
PDF
Haresh Karkar - Visual Resume
PPTX
Portfolio Swetha Dubbaka
PDF
The Role Of AI In Front-End Web Development_ Enhancing User Experience.pdf
PDF
Web Development Company in Mohali
DOCX
Jyo_UI-UX Designer Resume
PDF
CV_Jahnavee Chitte (1)
PDF
Agicent Technologies : Best No Code App Builders
PDF
CV_portfolio_WZou
PDF
Deepak CV
PDF
UI/UX Developer Guide: Tools, Trends, and Tips for 2025
Portfolio 1 pages-deleted
Portfolio 1 pages-deleted
Portfolio 1 pages-deleted
Resume
Arvind Updated
Vijayabaskar-Resume
United Creations UI/UX Presentation
Ahadh Abbas Sr. Web UIUX Designer
Fundamentals of Web Design - Professional Development Workshop
AravindaKumarNew
Haresh Karkar - Visual Resume
Portfolio Swetha Dubbaka
The Role Of AI In Front-End Web Development_ Enhancing User Experience.pdf
Web Development Company in Mohali
Jyo_UI-UX Designer Resume
CV_Jahnavee Chitte (1)
Agicent Technologies : Best No Code App Builders
CV_portfolio_WZou
Deepak CV
UI/UX Developer Guide: Tools, Trends, and Tips for 2025
Ad

More from PoojaSawant68 (14)

PDF
Sample bengali
PDF
Stones2 milestones
PDF
Grokool
PDF
Eurokids
PDF
Rajdip portfolio (1)
PDF
Portfolio ankit passi (1)
PDF
Kanika's portfolio
PDF
Dalhousie case study
PDF
Portfolio may18
PDF
Wafa portfolio
PDF
Joshua portfolio
PDF
Epidemic info 3 min
PDF
Onboarding application
PDF
Plan b making mumbai smart city
Sample bengali
Stones2 milestones
Grokool
Eurokids
Rajdip portfolio (1)
Portfolio ankit passi (1)
Kanika's portfolio
Dalhousie case study
Portfolio may18
Wafa portfolio
Joshua portfolio
Epidemic info 3 min
Onboarding application
Plan b making mumbai smart city

Recently uploaded (20)

PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PDF
Africa 2025 - Prospects and Challenges first edition.pdf
PPTX
6- Architecture design complete (1).pptx
PDF
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PPT
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
building Planning Overview for step wise design.pptx
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PDF
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
PPTX
An introduction to AI in research and reference management
PDF
Urban Design Final Project-Site Analysis
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPTX
Fundamental Principles of Visual Graphic Design.pptx
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
YOW2022-BNE-MinimalViableArchitecture.pdf
BRANDBOOK-Presidential Award Scheme-Kenya-2023
Africa 2025 - Prospects and Challenges first edition.pdf
6- Architecture design complete (1).pptx
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
DOC-20250430-WA0014._20250714_235747_0000.pptx
building Planning Overview for step wise design.pptx
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
YV PROFILE PROJECTS PROFILE PRES. DESIGN
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
An introduction to AI in research and reference management
Urban Design Final Project-Site Analysis
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
Fundamental Principles of Visual Graphic Design.pptx

Rachit ux portfolio (1)

  • 2. Interactive UX/UI Designer Over 5 years of experience - specialized in Web, Mobile and Enterprise application designs. UX/UI Designer, skilled in creation of engaging, intuitive and user-friendly designs for people across various digital touch-points. Have experience in designing solutions for various platforms including Web, Mobile, Tablet and Kiosk. How I Approach Interact with business analysts and project team members, conduct stakeholder interviews for requirement gathering. From the gathered insights, create Persona, Scenarios, define navigations. Create conceptual designs using Photoshop Invision app (interactive prototypes), followed by design validation with usability testing. 02 UX UI Portfolio Selected Samples 2018-2019
  • 3. Skills Wireframing Rapid PrototypingInformation Architecture Visual Design 2D Graphic Design Understanding of HTML/CSS Tools Balsamiq Photoshop Illustrator InVision Sketch Tools 03 UX UI Portfolio Selected Samples 2018-2019
  • 4. Skills Cases 1. IoT Platform 2. Fundraising Portal Online fundraising solution for various causes. Internet of Things- Portal for IoT Devices IoT Application Enablement Platform with features like customizable device clusters, report generation, user access and license managemen Service Delivered Research, UX Design, UI Design, Prototyping, Ongoing Support, Illustration & Icons, Logo, Style Guide Platform Responsive Web 3. Resume Builder 4. Enterprise Application 5. Kiosk Rajasthan government project for exploring famous nearby places with interactive Kiosk installed at multiple places. Website to build resumes by providing matching samples. Android app for sales and marketing people for leading manufacturer of cattle feed in India. 04 UX UI Portfolio Selected Samples 2018-2019
  • 5. Internet of Things- Portal for IoT Devices Challenges Design Goals Create a customized portal to connect various types of devices. Scalable design system, capable of accepting more features in future without affecting the current functionalities. Work on UI designs for multiple devices simultaneously. Create design guidelines for all screen sizes. Responsive dashboard for mobile users. Create relevant experience for various users of the portal. Represent data in easier formats for better understanding to normal users. Design screens for Admin interface providing meaningful reports of data generated from various devices. How Goals were Achieved Research on existing IoT portals used by IoT Device manufacturers and Government officials.. Identify list of pain points for users in existing portals and overcome them in new portal with better design solutions. Conduct discussions and various brainstorming sessions with device manufacturers and development team. Create design guidelines considering various types of devices and screen sizes available to users. Suggest smart features to create smart solutions Create effective designs for amazing user experience. Follow Agile methodology in team to achieve targets in pre-defined timelines. Deliverables Navigation structure and workflows Low and high fidelity wireframes Visual designs and screens Reusable design components for development team. Style guide for design consistency Ongoing development support 05 UX UI Portfolio Selected Samples 2018-2019
  • 6. Internet of Things- Portal for IoT Devices Co-create Session with Stakeholders Conducted co-create sessions to understand business requirements and define problem statement, which led to finalize project roadmap and define features for different user groups. It was an interactive and iterative session to discuss multiple ideas and define structure of the application. Define User Groups Based on the different tasks that can be performed within the application, various user groups were defined and created task flows to achieve system goals. The system has user roles configured in following 4 groups: Portal Admin to manage Companies: Access to create and manage accounts of various companies, along with issuing license as per the contract. Company Admin to manage Clients: Access to create and manage accounts of various clients, defining limits to add devices and users adhering to contract between company and clients. Client Admin to manage users and device clusters: Access to create new admin users and manage users for device clusters. Cluster User: Access to cluster status which is allocated to them by admin for particular IOT solution. 06 UX UI Portfolio Selected Samples 2018-2019
  • 7. Internet of Things- Portal for IoT Devices Storyboard Creating Accounts & Issue License to Company Prime Admin will create accounts for companies as per the contract and issue license key for using portal. Creating Projects for Clients Super admin for the company will access the application using given license key to create projects for their clients and define the limit of users and devices for each client. Create Device Clusters and User allocation Project admin will create device clusters, add respective devices to it, allocate users to it who will handle the solution and ground level actions. Creating Reports User will have access to status of all the devices which are allocated to them and create reports as per their requirement by ROI calculator. 07 UX UI Portfolio Selected Samples 2018-2019
  • 8. Internet of Things- Portal for IoT Devices High Level Information Architecture & Task Flow 08 UX UI Portfolio Selected Samples 2018-2019
  • 9. Internet of Things- Portal for IoT Devices Wireframes Created wireframes for multiple screens after discussions with stakeholders and development team to meet product requirement with maintaining user experience across the portal. 09 UX UI Portfolio Selected Samples 2018-2019
  • 10. Internet of Things- Portal for IoT Devices Screens WebMobile
  • 11. Skills 3. Resume Builder 4. Enterprise Application 5. Kiosk Rajasthan government project for exploring famous nearby places with interactive Kiosk installed at multiple places. 2. Fundraising Portal Online fundraising solution for various causes. 1. Internet of Things IoT Application Enablement Platform. Fundraising Portal Services Delivered Wireframe, Prototyping, UX Design, UI Design, Ongoing Support, Illustration Icons, Logo & Style Guide. Platform Web, Responsive Website to build resumes by providing matching samples. Android app for sales and marketing people for leading manufacturer of cattle feed in India. Cases
  • 12. Fundraising Portal Challenges Design Goals Design a creative and interactive solution for users of fundraising portal. Simple and easy Authentication process for all entities. Multi role access and Authorization in single entity. Creating a trustable information architecture as users are dealing with funds. Easy ways to create, share and modify contents. Improve signup experience by redefining the process of extracting user information. Responsive dashboard for mobile users. Create relevant experience for different types of user of the portal. How Goals were Achieved Users could create their own mini-websites by customizing their pages. Understand the existing complex sign-up process and provide an easy solution to gather sign-up information. Site editing tool which enable to preview mini-websites. Deliverables Navigation structure Created wireframes Created visual designs Created design components for dev team to reusable designs for new developers. Style guide for design consistency Ongoing development support Conducted multiple sessions with different stakeholders to understand their requirements and create a generic design solution to cater their needs. Understand requirements of mini-websites and provide wide variety of options to create them. 12 UX UI Portfolio Selected Samples 2018-2019
  • 14. Fundraising Portal Storyboards Information Architecture Created high level information architecture by analyzing fundraiser’s/donor’s behavior and process to achieve desired goals.
  • 15. Fundraising Portal Screens 15 UX UI Portfolio Selected Samples 2018-2019
  • 16. Skills Cases 4. Enterprise Application 5. Kiosk Rajasthan government project for exploring famous nearby places with interactive Kiosk installed at multiple places. 2. Fundraising Portal Online fundraising solution for various causes. 1. Internet of Things 3. Resume Builder Resume Builder Resume builder is a website that helps users build their resume by providing matching samples. The website guides the user with various suitable matches and descriptions to enable best resume writing. The website has rich editor that builds and incorporates resumes in various predefined templates. Services Delivered Low Fidelity Wireframe, High Fidelity Wireframe, Prototyping, UX Design, UI Design, Resume Templates Platform Web IoT Application Enablement Platform. Android app for sales and marketing people for leading manufacturer of cattle feed in India.
  • 17. Resume Builder Challenges Design Goals Create multiple design templates with easy editing tool for every user group. Create resume guidelines for users to create effective content in the resume. How Goals were Achieved Deliverables Collect and analyze template designs from various user groups. Define task flows and customer journeys to understand the required features. User Journey & navigation UI components for wireframe 30+ resume templates for users 20+ UI Screens Connect with stakeholders to understand the business requirements. Worked in Agile model with development team to deliver features in incremental stages. Create professional templates and allow sharing with friends and expert for feedbacks. Allow customization of templates and add new templates to the store by different users. 17 UX UI Portfolio Selected Samples 2018-2019
  • 18. Resume Builder Research Some of the questions asked in interviews with stakeholders, job seekers, company human resource team and colleagues: ● What are the existing tools used to create resume. ● What information is required to create resume for different professions. ● How resumes are examined for shortlisting. ● What keywords does employers use to filter resumes on job portals. ● From whom job seeker take reviews on their resumes. ● Will you pay to any of resume builder. If yes, why? ● How will you personally define the perfect platform to fulfill your job? ● How this data is helpful for clients? Surveys gave below quantitative insights about user: ● About the potential users. ● There is no specific tool to fulfil all their requirements. ● People copy content from one another or they search on google. ● Employer always wants to see the skillset which they are looking for first. ● Most of the employers used specific keywords (such as skills, certifications, experience, etc ). ● Job seeker always share their resume with their friends and family to review. ● No particular tool to create/review resume. 18 UX UI Portfolio Selected Samples 2018-2019
  • 19. Resume Builder Persona Jason J. Burg Fresher Age 24 Education Bachelor degree Marital Status Single Location Mountain View Online location Mobile Computer(s) Macbook Internet usage 5-7 hours Technophobe Tech wiz Friends Job Network Expertise No Expertise Jason has completed his studies and now he is looking for exciting job opportunity to get experience in his profession. Obstacles Jason faces ● Don’t know where to explore good resumes and content for the same. ● Don’t know any resume expert to give feedback on his resume. How will Jason interact with resume online resume builder? Questions Jason will ask: ● Can I access my resume anywhere and share online? ● Can it be saved for future modifications? ● Can I seek expert reviews and feedbacks on my resume? What/Who influences Jason? Own goal JobsTeachers FamilyFriends Jason’s Situation Goals/Motivations ● He wants to create a good resume to get shortlisted by company HR’s. ● From where to start building resume as fresher. ● Get expert review on his resume. ● Get content suggestions for resume. Jason’s Story Jason was very good in his academics. After graduation he wants to be hired by a good company which can boost his career as a fresher. Jason always used to discuss with his teachers and friends about good companies to work in and how to build attractive resume so that employers will shortlist him. He researched on internet for available resume builders and different skills required for his desired job position. Blogs
  • 20. Resume Builder User Journey Create ResumePlanning Share with friends & experts Feedback from friends & experts Recruiter Finish John plans for job after his graduation. So he figured out that he will need a resume to get a job. He searches for online resume, and finds a website to create resume online. John selects a suitable template for resume. John fills all the fields & describes his abilities to impress the recruiter. Finished resume. John shares his resume with his friends & expert through the website. Friends & experts give feedback for his resume. John updates his resume as per feedback. Website forwarded John’s resume to the recruiter as per subscription and requirements. John got selected for the interview. Task of landing in the interview completed. By understanding insights from user journey, created following navigation architecture of website. HOME Select Template Edit Save Saved Resume Packages Support Education Contact UsInformation Architecture He also modifies the resume template to help his fellow job seekers.
  • 22. Resume Builder High fidelity Wireframes 22 UX UI Portfolio Selected Samples 2018-2019
  • 23. Skills Cases 4. Enterprise Application 5. Kiosk Rajasthan government project for exploring famous nearby places with interactive Kiosk installed at multiple places. 2. Fundraising Portal 1. Internet of Things 3. Resume Builder Enterprise Application Services Delivered Platform Website to build resumes by providing matching samples. Online fundraising solution for various causes. IoT Application Enablement Platform. Android application for sales and marketing persons working for leading manufacturer of cattle feed in India. Wireframes, UI Designs, UI Style Guide Android Mobile
  • 24. Enterprise App Challenges Design Goals Stakeholders wanted to create an app for sales and marketing agents to track their daily activities on ground level. Messaging system within the app for sales agents to communicate with upper hierarchy teams. How Goals were Achieved Deliverables Competitive product research to understand what experience other products have. Created multiple user journeys to understand how the user will interact with the application. User Stories & Information architecture Designed style guide with brand identity Wireframes Visual designs Connected with stakeholders to understand the business requirements and what type of activities are performed by sales agents. Worked in Agile model along with development team to deliver small chunks in iterations. Development support Create an easy mobile app to for better usability 24 UX UI Portfolio Selected Samples 2018-2019 Understand the market feedback for better sale.
  • 25. Enterprise App User Journeys Steps Sales Agent will start his daily activity and stop it after 6 hours Agent wants to visit a distributor to take feedback Clicking on start button in agent app will start the timer with start time tag Day started: 10:20 AM 06:15:00 hrs End Day Clicking en day will end the tracking for sales agent for the day Agent will go to the distributor Agent will find the name of the distributor from the list Agent will do some Q/A with distributor and fill the form Agent wants to see history of his visits and activities for an particular distributor. Agent will find the distributor from the list. Agent will go to the history and will find all the dates he visited to the distributor Agent will select any date to see all activities and feedbacks 10:20 AM Start Day Submit Jan 24 25 UX UI Portfolio Selected Samples 2018-2019
  • 26. Enterprise App Information Architecture Login Distributors Messages Agent’s HistoryTodayAccount Personal Info Change Password Edit Change Start Day Reports Start day report End day report End Day Cities List Distributors list Distributors Distributors Info Upload Activity Edit Start day report End day report History History Calendar History Calendar Chat Box only with admin Calendar Activity reports from selected date On the basis of user journey and task analysis information, we created information architecture to understand more details of task hierarchies. First Level of Navigation Second Level of Navigation Third Level of Navigation Editable actions 26 UX UI Portfolio Selected Samples 2018-2019
  • 27. Enterprise App Low fidelity Wireframes 27 UX UI Portfolio Selected Samples 2018-2019
  • 29. Skills Cases 4. Enterprise Application 5. Kiosk 2. Fundraising Portal 1. Internet of Things 3. Resume Builder Kiosk Services Delivered Platform Website to build resumes by providing matching samples. Online fundraising solution for various causes. IoT Application Enablement Platform. Android mobile app for sales and marketing persons working for leading cattle feed manufacturer in India. Rajasthan government project for exploring famous nearby places with interactive Kiosk installed at multiple places. Research, Visual Design The kiosks were designed with 40 inch touch screens
  • 30. Kiosk Challenges Design Goals Kiosks will be used by public, so it’s hardware as well as software needs to be sturdy and robust The content should be able to be updated anytime for all the locations How Goals were Achieved Deliverables Eye catching attractive designs Easy to use. Visual designs We worked closely with JDA, L&T ECC and Sterlite to develop next generation light weight kiosks. Quick and understandable access links. Development support Kiosk data has to be collected for better analytics and improving user experience. Design which connects with public and culture of Jaipur city. 30 UX UI Portfolio Selected Samples 2018-2019 Designed background for Kiosk keeping in my mind the importance of famously known Pink City. Architecture for the content.
  • 31. Kiosk Establishing Key Audience Interviewing stakeholders helped in identifying the right audience for the product and characteristics of concerned participants. As with every product or service, the best offering comes from carefully identifying the target audience, their needs and their wants. Locations where the kiosk will be installed 31 UX UI Portfolio Selected Samples 2018-2019 Airports Railway Stations Bus StationsMetro Stations Historical places Museums Zoo Parks Bus Stations By finding the locations where the kiosk will be installed we got know who will be the users and what type of content they will be looking for. Insights: Users wanted to know : Nearby places (Historical places, restaurants, hotels, any other key places to visit) Current status of travel bookings (PNR, schedules and routes)
  • 32. Kiosk Content Architecture Before placing content on the kiosk, we researched it’s design And behaviour of users who will be interacting it’s content. ● The height of kiosk will be 6 feet ● Screen will be 40 Inch ● Screen will be accessed vertically ● Average height of people in India is 5 to 5.5 feet Kiosk measurements Audience Need ● Weather Info about the location where kiosk is installed. ● Info about the location where the kiosk is installed. ● Other nearby tourist locations info and directions to visit there ● Summary of the city and places to visit ● Find routes on maps ● Transport information (Flight, train,, Bus, Metro) ● Nearby hotels, restaurants, entertainment options ● Important phone numbers for emergency Government Goals ● The surfing data needs to be collected for better analytics and serving people better in tourism sector ● Spread awareness amongst people regarding government programs ● Updates about the city and influence people to visit more places in the city ● Promote tourism ● Advertisements ● Government news How user interacts with bigger screen and what are the focus area Source: Microsoft, Large Display User Experience 32 UX UI Portfolio Selected Samples 2018-2019 User Focus Area
  • 33. Kiosk Visual Design 33 UX UI Portfolio Selected Samples 2018-2019 Installed at more than 25 locations
  • 34. Thank You Contact Detail rachit01bhamawat@gmail.com +91 87690 00924 https://www.linkedin.com/in/rachit-bhamawat-5a4791a7/