I worked with Quidco to improve their Android and iPhone mobile apps. Their initial design was very similar, however after some UX research I introduced a more native design to both apps to ease the user experience, while still keeping the Quidco branding. Read the case study
As a lead and sole mobile designer I worked very closely with a team of developers, head of product and product manager.
What I did: Design LeadDesign SystemsiOS DesignAndroid Design
Above is an example on some redesigns I did. Our vision was to entice the user to open up the app more and adding the date underlined daily new offers. The small avartar again was a way to get the user to feel more like they are what make Quidco, hence the company logo and the users avartar being displayed side by side. I have found in my research that little changes like that do add a lot of value to the overall look and feel to the UX of a product.
A lot of research went in to finding the best way to lay out and present information and features to the user. The final outcome came about after a lot of data and UX research we put together with the project manager.
It was always my aim to improve the rest of the UX process across the company to align with the improvements we implemented for the mobile app.
Above are some screens from the IOS and Android apps. Both platforms are based on their native UI and fonts, while also keeping the Quidco brand running throughout. You can see how the iPad designs are slightly different so adapt to the amount of space, but still keeping the same elements as on mobile.
I am also working on Design Systems for both, IOS and Android so that we have a clear and definite language for our brand and both of the apps. This is something that I will blog about on medium, so I will insert a link here soon.
Our process was quite simple. The initial stages were wireframes and sketches where I could jot down my ideas. Invision was a great tool for collaboration. I was able to get the whole team involved in commenting on wireframes and sharing ideas on the Freehands, which meant anyone could access them at any time and it documented our process from start to finish.
I often find that working together with people from different discplines can bring about some new innovative ideas, but also, having the whole team involved in the process is important to build a great usable product.
The above is an example of a transition that solved a problem of keeping the user on the same page to avoid a modal. And although it's not an intrinsically native transition, the motion has been considered to follow the iOS pattern.
If you would like to see this process in more detail, please get in touch.