Allrates.com is a personal finance site. It breaks down complex money-related themes that are easy to digest and understand to the user, offering insights and strategies to make most of their money.
Topics that are covered include loans, banking, mortgages, credit cards and insurance.
Role
UI Designer
Project Type
Site design
Timeframe
5 months
Tools
Adobe Creative Suite
The challenge in this project was to create an interface that clean and engaging while contains a lot of educational information and comparison tables.
It was a long journey...
Which started with an exploration of the ultimate interface that will include all desirable features: tables, filters, onboarding questionary and explanatory content.
How to develop?
This question started a broad conversation about the best approach to this new company's project development: Bootstrap, Fluid, mobile-first, HTML-CSS and much more.
Those discussions created a tight collaboration with the dev team during a project that was built across:
3 breakpoints
Desktop 1920x1080 ,tablet 1024x768 and mobile 640 x 1136
12 columns grid
7 pages at the moment of its launch
From the beginning...
The concept wasn't approved. Taking insights from the wireframe stage and implementing it in a low-fidelity design proposal ( as a reason of the time constraints, the next step didn't have wireframes).
Based on layout approval, desktop and mobile high-fidelity versions were presented.
but not excepted. The main feedback and request were to create a more modern and bright, less formal overall look and feel of the interface.
And here we
are going again :)
The version that was presented during the project launch.