B2C
Price Calculator
This Case Study explores the development of a user interface solution for a logistics company.
#personal project
ROLE: Product Designer
//CASE STUDY
Creating a form-based tool for dynamic transport price calculation
Overview
A logistics and transportation company with a focus on leveraging AI technology.
Goal
To ensure for a user accurate data entry and real-time price calculation for comprehensive cost analysis.
Challenges
01
To reflect in the interface the impact of the urgency factor on price.
02
Addressing pricing transparency
03
Avoid complexity
04
Scalability: Designing the UI components kit
//APPROACH
My Process
01
RESEARCH
I presented a series of questions to stakeholders to gain insights into how business processes are structured and to identify any technical constraints.
Key findings
- Depending on user persona the purpose of price calculation would change. For example, a logistics manager may be focused on efficiency and cost-effectiveness, while a small business owner may prioritize simplicity and ease of use.
- Another important factor is the urgency of the transport (is the desired loading date in the near or distant future). Express transports have a higher price, while transports with a longer planning horizon can be handled more efficiently and cost-effectively. This aspect should also be taken into account in the solution.
02
BENCHMARKING
I explored a dozen different form input products with the goals of exploring a layout possibilities, methods of filtering, metrics, and types of aggregation.
Other included
- FedEx, Expedia, Momondo, Airbnb
03
WIREFRAMES (RATHER LOW-FIDELITY PROTOTYPES)
Based on generative research findings, competitive analysis, and team discussions, I explored several ideas.
2-stage user flow:
1 step — Calculating the rate and shipping date, based on loading data chosen.
2 step — Submitting the order, faster conversion
04
DEFINE
I designed a clean, streamlined one-page interface that minimizes complexity while offering flexibility when needed, such as the option to toggle express shipping.
//05
High-Fidelity Prototypes
//Standard theme
//brutalism theme
//Key Metrics
User Engagement: Form completion rates increased due to the ease of input and clear validation feedback.
Error Reduction: Dropped user error rates, owing to the improved validation system and clear error messaging.
Pricing Transparency: The real-time price adjustment feature provided transparency in how shipment urgency affected cost, resulting in greater user satisfaction.
//METHODS AND TOOLS
- Workshops
- Competitive analysis
- Persona
- Agile
//My design deliveries
- Wireframes
- Interactive Prototypes
- UI Components Library
- Variables
- Theme styles