Transforming a web app into smart mobile solution for travel expenses
Travel app | UX audit, mockups, prototyping, UI/UX
Role
UI/UX Designer
Team
1x Product owner
1x Product designer
1x Full stack engineer
Timeline
2024-now
Deliverables
Interviews report
Competitor analysis
Workshops
Mockups
Prototypes
Summary
This project turned 4human’s travel and expense tool into a dedicated mobile app. The aim was to create a straightforward solution that works reliably while on the move.
High-fidelity mockups for drive and travel registration
Expenses: adding expenses manually or through the OCR scanning
Drive: adding passengers
Problem area
The old web and mobile web versions were hard to use, especially when traveling. Employees often ended up storing receipts manually. The project also lacked clear documentation, deadlines, and direct user feedback, which made the starting point quite uncertain.
Design process
As the project was lacking documentation, I explored the existing product, verified user flows with the product owner, and mapped the app together with our lead designer. While the design team was developing a new mobile design system, this app had to be built within the old framework. I have adapted web patterns where necessary but also optimized them for mobile use. The first module is now in testing, with the rest slowly in progress.
Despite limited feedback and clear boundaries, I was able to set a solid foundation for the app. Internal testing will be the first chance to see how it works in practice, and I’m looking forward to using those insights to refine components, patterns, and functionality in the next phase.