Digital overhaul
Design and consulting
The project required a comprehensive redesign of their online loan application web app, focusing on creating a more intuitive and efficient user experience. This involved updating the UI design, building the front end for seamless integration with the existing tech stack, automating the transition to a new CSS framework, providing consultancy on web best practices, and enhancing data tracking through custom scripts.
UI Redesign
A smoother loan application process
The UI redesign focused on minimising friction, particularly for mobile users. It involved streamlining the application process, ensuring it was straightforward and providing positive UX. The interface was optimised for mobile use, considering touch interactions and screen sizes. Visual elements were simplified to enhance readability and navigation, and the process flow was restructured to be more intuitive, reducing the time and effort required to complete a loan application.
- Mobile Optimisation: Tailored for a predominant mobile user base, enhancing usability on smaller screens.
- Simplified Navigation: Redesigned visual elements for clarity, aiding users in efficiently navigating the application process.
- Intuitive Process Flow: Reorganised application steps for a more natural and efficient user journey.
The UI redesign guides users through the loan application journey.
Front-End development
Building an Intuitive and Responsive Interface
The front-end build of the loan application web app focused on prioritising responsiveness and accessibility. The development aimed to ensure compatibility across various mobile devices, achieving functionality and visual consistency. The build reduced load times to improve user interaction. Integration of accessibility features makes the application process inclusive, addressing the diverse needs of all users. This development approach significantly enhanced the web app's usability and efficiency.
- Responsive Across Devices: Ensures consistent user experience on different mobile devices.
- Interactive and Fast: Advanced technologies for reduced load times and improved user engagement.
- Inclusive Design: Accessibility features integrated for a wider range of users.
Transforming user experience with a responsive, fast, and accessible front-end build.
Python automation
Streamlining CSS updates
A Python script was developed to transform existing Bootstrap CSS into TailwindCSS. This script analysed the Bootstrap class structures and systematically mapped them to their closest equivalents in TailwindCSS. It ensured seamless transition and maintained the original design integrity while leveraging TailwindCSS's utility-first approach. The script's automation streamlines the conversion process, reducing manual coding effort and potential errors.
- Automated Conversion: Efficiently maps Bootstrap classes to TailwindCSS, minimising manual coding.
- Design Integrity: Preserves the original layout and styling during the transition.
- Error Reduction: Lowers the risk of manual conversion errors, ensuring a more reliable output.
Automation to optimise development time and reduce cost.
Consulting
Advancing application functionality
The consulting phase for Safe Financial centred on improving the web app with appropriate user-centred approaches and integrating third-party tools. This involved advising on the technologies that best serve current user behaviour, ensuring the app leveraged solutions for improved UX.
- Strategic UX Advice: Recommended solutions for improved app functionality.
- Trend Alignment: Ensured the app adhered to and responded to current user trends.
Driving the web app forward with an effective strategy.
This project marked a substantial enhancement of Safe Financial's digital services, focusing on improving their online loan application's usability and technological integration. The UI update and backend integration notably advanced their functionality and user experience. The enhancements streamlined the application process, ensuring a smoother and more efficient user journey.