MY ROLE
MY ROLE
MY ROLE
Senior User Experience
Designer
Senior User Experience
Designer
Senior User Experience
Designer
Mobile Experience Strategy
Mobile Experience Strategy
Mobile Experience Strategy
Interaction Design
Interaction Design
Interaction Design
Workflow Modeling
Workflow Modeling
Workflow Modeling
Design System Adaptation
Design System Adaptation
Design System Adaptation
BUSINESS CHALLENGE
BUSINESS CHALLENGE
BUSINESS CHALLENGE
How might we help enterprise users manage high-risk procurement on mobile without losing accuracy, trust, or financial control?
How might we help enterprise users manage high-risk procurement on mobile without losing accuracy, trust, or financial control?
How might we help enterprise users manage high-risk procurement on mobile without losing accuracy, trust, or financial control?
Operational delay
Operational delay
Operational delay
65%
65%
65%
Operational teams increasingly worked on-site and on the move—creating delays
Operational teams increasingly worked on-site and on the move—creating delays
Operational teams increasingly worked on-site and on the move—creating delays
Financial hesitation
Financial hesitation
Financial hesitation
45%
45%
45%
The system is Desktop heavy, Slow during operational moment
The system is Desktop heavy, Slow during operational moment
The system is Desktop heavy, Slow during operational moment
Coordination overhead
Coordination overhead
Coordination overhead
35%
35%
35%
working on-site and on the move—creating delays in coordination
working on-site and on the move—creating delays in coordination
working on-site and on the move—creating delays in coordination
USABILITY EXPERT REVIEW
USABILITY EXPERT REVIEW
USABILITY EXPERT REVIEW
Using NCPI & VIMM
model to uncover
usability issues
Using NCPI & VIMM
model to uncover
usability issues
Using NCPI & VIMM
model to uncover
usability issues
I conducted a quick expert review just before the stakeholder interviews to help identify high-impact and low-impact issues in the current designs.
BPCL-Business got an average severity score of 4/5 which means we had some major usability issue to solve
We need to solve Data-heavy, Order confirmation, Workflow steps
I conducted a quick expert review just before the stakeholder interviews to help identify high-impact and low-impact issues in the current designs.
BPCL-Business got an average severity score of 4/5 which means we had some major usability issue to solve
We need to solve Data-heavy, Order confirmation, Workflow steps
I conducted a quick expert review just before the stakeholder interviews to help identify high-impact and low-impact issues in the current designs.
BPCL-Business got an average severity score of 4/5 which means we had some major usability issue to solve
We need to solve Data-heavy, Order confirmation, Workflow steps
Analysis
Analysis
Analysis of web flow
Analysis of web flow
Competitive analysis
Competitive analysis
Competitive analysis
Benchmarking and understanding the industry landscape
Benchmarking and understanding the industry landscape
Benchmarking and understanding the industry landscape
I choose 3 direct competitors and 3 indirect competitors of BPCL
I wanted to understand the Mobile Experience Strategy followed by the competitors
I benchmarked the competitors across various parameters such as target audience, performance, visual approach of the app.
I choose 3 direct competitors and 3 indirect competitors of BPCL
I wanted to understand the Mobile Experience Strategy followed by the competitors
I benchmarked the competitors across various parameters such as target audience, performance, visual approach of the app.
I choose 3 direct competitors and 3 indirect competitors of BPCL
I wanted to understand the Mobile Experience Strategy followed by the competitors
I benchmarked the competitors across various parameters such as target audience, performance, visual approach of the app.
STAKEHOLDER INTERVIEW
STAKEHOLDER INTERVIEW
STAKEHOLDER INTERVIEW
Capturing business goals, user needs &
technical constraints
Capturing business goals, user needs &
technical constraints
Capturing business goals, user needs &
technical constraints
After the expert review, I conducted virtual interviews with the co-founders and the tech team for an all-found perspective
Used Affinity maps to extract out common themes and conflicting assumptions.
These themes were further laid out on the mind map for setting up the objective for the DT workshop
After the expert review, I conducted virtual interviews with the co-founders and the tech team for an all-found perspective
Used Affinity maps to extract out common themes and conflicting assumptions.
These themes were further laid out on the mind map for setting up the objective for the DT workshop
After the expert review, I conducted virtual interviews with the co-founders and the tech team for an all-found perspective
Used Affinity maps to extract out common themes and conflicting assumptions.
These themes were further laid out on the mind map for setting up the objective for the DT workshop
INSIGHTS
INSIGHTS
INSIGHTS
Collecting user pain points from real personas
Collecting user pain points from real personas
Collecting user pain points from real personas
I wanted to gather the complaints and concerns expressed by the users when interacting with BPCL web flow
These insights combined with the stakeholder interview themes helped me define focus area for the app design
I wanted to gather the complaints and concerns expressed by the users when interacting with BPCL web flow
These insights combined with the stakeholder interview themes helped me define focus area for the app design
I wanted to gather the complaints and concerns expressed by the users when interacting with BPCL web flow
These insights combined with the stakeholder interview themes helped me define focus area for the app design
Design thinking workshop
Design thinking workshop
Design thinking workshop
Collectively simplifying the product catalog
Collectively simplifying the product catalog
Collectively simplifying the product catalog
Some issues are better solved when there is a representation of all teams, business, design and tech
We collectively come up with a simplified catalog to avoid confusion
Some issues are better solved when there is a representation of all teams, business, design and tech
We collectively come up with a simplified catalog to avoid confusion
Some issues are better solved when there is a representation of all teams, business, design and tech
We collectively come up with a simplified catalog to avoid confusion
APPROACH
APPROACH
APPROACH
Consistently mapping & Validating iterations with our personas
Consistently mapping & Validating iterations with our personas
Consistently mapping & Validating iterations with our personas
BPCL has been in business for over a decade and hence had its personas well defined and backed by numbers already
Before we jump into the application design, I ensured our new approaches, changes and design concepts were in line with our 2 personas
BPCL has been in business for over a decade and hence had its personas well defined and backed by numbers already
Before we jump into the application design, I ensured our new approaches, changes and design concepts were in line with our 2 personas
BPCL has been in business for over a decade and hence had its personas well defined and backed by numbers already
Before we jump into the application design, I ensured our new approaches, changes and design concepts were in line with our 2 personas
Final design
Final design
Final design
All new purpose-driven experience
All new purpose-driven experience
All new purpose-driven experience
Tradeoffs & Constraints
Tradeoffs & Constraints
Tradeoffs & Constraints
Constraints & Considerations
Constraints & Considerations
Constraints & Considerations
End-to-end Flow
End-to-end Flow
End-to-end Flow
Flow with prototype
Flow with prototype
Design QA & HANDOFF
Design QA & HANDOFF
Design QA & HANDOFF
Ensuring quality handoff and implementation
Ensuring quality handoff and implementation
Ensuring quality handoff and implementation
BPCL mobile version of each screen was handed off with all component linked to the styleguide
3 rounds of QA testing was conducted to ensure the design is replicated in the production
BPCL mobile version of each screen was handed off with all component linked to the styleguide
3 rounds of QA testing was conducted to ensure the design is replicated in the production
BPCL mobile version of each screen was handed off with all component linked to the styleguide
3 rounds of QA testing was conducted to ensure the design is replicated in the production
TACTICAL EXECUTION & ACCESSIBILITY
TACTICAL EXECUTION & ACCESSIBILITY
TACTICAL EXECUTION & ACCESSIBILITY
The app was built to comply with WCAG 2.1 AA standards
The app was built to comply with WCAG 2.1 AA standards
The app was built to comply with WCAG 2.1 AA standards
Ensuring sufficient color contrast, readable typography, accessible touch targets, screen-reader compatibility, and consistent navigation across all key user flows.
Motor Skills & Target Areas: I Implemented 44x44px minimum for all interactive elements.
Verified via Color contrast checker
Ensuring sufficient color contrast, readable typography, accessible touch targets, screen-reader compatibility, and consistent navigation across all key user flows.
Motor Skills & Target Areas: I Implemented 44x44px minimum for all interactive elements.
Verified via Color contrast checker
Ensuring sufficient color contrast, readable typography, accessible touch targets, screen-reader compatibility, and consistent navigation across all key user flows.
Motor Skills & Target Areas: I Implemented 44x44px minimum for all interactive elements.
Verified via Color contrast checker
Impact & result
Impact & result
Impact & result
Positive results and much more to do
Positive results and much more to do
Positive results and much more to do
BPCL-B2B Mobile application was launch in October 2024
Estimated based on usability testing & Internal client dashboards
Task Completion: 15 min to 3 min (Increased productivity)
BPCL-B2B Mobile application was launch in October 2024
Estimated based on usability testing & Internal client dashboards
Task Completion: 15 min to 3 min (Increased productivity)
BPCL-B2B Mobile application was launch in October 2024
Estimated based on usability testing & Internal client dashboards
Task Completion: 15 min to 3 min (Increased productivity)
