My Role
- User Flows, UI Brand application
- App UX
- Design direction
- Design system maintenance
Results
- Available app on the Apple Store and Google Play
- Fully responsive website design
The brief in a sentence
“ Building the first digital Loan App in the Saudi Arabian market“
Research
We started by consolidating all available project documentation and scheduling workshops with the MORA board team. During these sessions, we focused in understanding and landing the strategy from the brand and user point of view, specially important the latest as Saudi Arabian market was something the team wasn’t expierenced at. Persona helped us to put a face and a real behaviour with the future user and let the client undersand better which will be the needs and aims of their future target.
Research
We started by consolidating all available project documentation and scheduling workshops with the MORA board team. During these sessions, we focused in understanding and landing the strategy from the brand and user point of view, specially important the latest as Saudi Arabian market was something the team wasn’t expierenced at. Persona helped us to put a face and a real behaviour with the future user and let the client undersand better which will be the needs and aims of their future target.
Branding
With the learning acquired from the Discovery stage, where we could knew more the user preferences, aims and pain points, we started building the brand assets,
Wireframing
Based on our research we created detailed customer journeys, outlining the experience for the different types of stakeholders including, new customers and customers. From this we identified design opportunities and defined the features for each customer type. We also created the information architecture, that laid out the detailed blueprint for how we would organise the portal and every detail of information.
Lo-Fidelity Prototype
As important as offering brands a unique and ownable user experience is the fact that users need to be familiar with the interface. In this case, we opted to start with a more classic banking interface to step down the curve learning of the user.
Final Design
Mora wanted from the beginning a simple and minimalist interface for the product giving us “Apple” and “Revolut” as a reference. Taking that requirement, we built 3 different design moodboards to give them 3 design routes. The one showed above is the final designed singed off.
Developers Handoff
Screen templates were generated to make the process of applying to a Loan visually fluent, speedu up the design and make developers life easier.
Developers Handoff
To avoid misinterpretations when handling designs to development, we covered the design for the website for different devices.
Takeaways
Testing is killing assumptions
Right from the very first Wireframes we started testing with real users our flows and UI. One of the biggest and most interesting discoveries was when we presented the users with 3 differents UX and UI’s. A classic banking one, an “intermediate” one (this is how we called it) and finally a most fancy and lookforward one. Users in the Saudi Arabian market found the classic banking interface the easiest to use and the one which they felt most comfortable with from the beginning.
