A mobile-first redesign based on a new digital strategy and brand style.
The Project
SF Fire has a long history of commitment to its members, especially firefighters and their families. We designed a site that would honor that history, while optimizing the journey to make it easy for any user to find and apply for new accounts. SF Fire also wanted a site that would be easy to manage, so I created a modular design system that would give them both flexibility and consistency in creating pages.
Features
- Modular design system
- Focus the user’s attention on one module at a time on desktop
- Rates table slider for home loans
- Product comparison table
My Role
- Stakeholder interviews
- Site map
- Wireframes
- Functional specifications
- Usability testing
Dynamic Rate Table Slider
One of the challenges of this project was to take a simple bank rate table and try to make it more engaging–without sacrificing readability. I used a slider so the user could adjust the size of the loan they wanted. As the user slides the bar, the table instantly updates to show them the rates that match their loan.
