SWILE is a French app-based company that focuses on improving the employee experience. Among others, the platform offers meal vouchers, gift vouchers, mobility vouchers, and business travel solutions.
Since joining Swile as a product designer for their admin experience squad, I've spearheaded numerous UX research and design initiatives. These include auditing admin interfaces, implementing features like mixed meal voucher ordering and admin meal voucher reporting pages, redesigning the subvention creation feature, and leading the Account Transfer project between Bimpli and Swile.
UX audit for the admin platform of Swile
Upon joining Swile as a product designer specializing in admin HR experience, I conducted a UX audit aimed at pinpointing potential issues and enhancement opportunities within the admin HR user experience. The goal was to enhance usability, satisfaction, and user retention.
The UX audit is conducted according to the Nielsen's 10 Usability Heuristics & Bastien & Scapin's 8 heuristics. More than 50 pages, 5 products & 4 entire userflow have been analysed.
4 main pain points have been identified:
Inconsistencies of interface
Problem of navigation & redirection
Lack of instructions
Lack of error preventions
Establish a design roadmap by following the result of audit
This roadmap outlines the strategic plan and key milestones for enhancing the product or service based on the findings and recommendations gathered from the audit. The design roadmap serves as a guide for the design and development team, providing a clear direction for implementing changes aimed at optimizing the user experience and achieving the desired objectives.
Iterative design
With the design principles in mind, we began the iterative design process, starting with competitor benchmark, data analyse of current states, then pass through design workshop, wireframes and low-fidelity prototypes. We solicited feedback from stakeholders and conducted usability testing to refine the user interface and workflow. This iterative approach allowed us to quickly iterate on designs and address any usability issues early in the process. Since then, various optimizations have been implemented.
However, due to confidentiality clauses, I'm unable to provide detailed screenshots here, but I can offer a sneak peek below :
The navigation between different pages has been optimized.
Optimise of the sidebar menu by distinguishing between separators and items.
Add the back button and the stepper for tunnel flow.
Add a redirection message to alert users when they leave the admin interface
Open a new tab to download or view invoices in PDF format without leaving the Swile admin interface.
Handle interface inconsistencies, onboarding step, empty states, and error cases.
Make ordering flow of different products more consistent.
Make the behavior of the same component more consistent.
Make the color, wordings and other UI elements more consistent.
create screens for empty states and error cases.
Highlight new features released.
Create reporting pages for meal voucher & CSE wallet.
In order to provide administrators with the insights they need to effectively manage and optimize their expenses and orders, I crafted reporting pages for two products. It facilitates data-driven decision-making, enhances performance monitoring, ensures regulatory compliance, and supports transparent communication with stakeholders.
Redesign the feature "create new CSE subsidy rule".
Le goal is to propose a more intuitive and clear subsidy creation module with a single entry point and harmonized functionalities across subsidy types. Additionally, incorporating new features that address customer needs and facilitate the transition
W've received many good feedbacks during the user test. The Users find The new subsidy creation journey is a significant improvement! The interface is much clearer and easier to navigate. They appreciate particularly the budget simulator bloc on the right side of the page, which guide them to control their budget easy during all the creation journey."
Combined meal voucher ordering process.
To meet the needs of Bimpli customers who order mixed paper and card meal vouchers, Swile has decided to launch this new feature, allowing customers to manage the distribution of their paper and card meal vouchers.
This feature is quite complex as it impacts nearly all pages of the interface, from order management to beneficiary management, from the settings page to the checkout tunnel. The result is impressive; customers have provided positive feedback on this functionality.
