Bronze
CLIENT
DELIVERABLES
- UX / UI design
- Responsive web design
- Graphic design
BUDGET vs QUALITY
SCOPE
6 months+
The problem: BetterBill takes care of your bills and makes sure you always pay the lowest price: it analyzes your usage and bills over the past six months, shows if you overpaid and why, and switches you to another provider when possible. The problem: the product existed, and its designs needed to be easier to use and better looking.
The fix: We took the previous designs and improved them for Android and iOS: 100+ screens and updates, plus landing pages, print and graphic materials, and the animation.
- Client
- Betterbill.co.uk
- Platforms
- Android and iOS
- Scope
- 6 months+
- Delivered
- 100+ screens, landing pages, print, animation
Fintech App Design That Makes Savings Easy to Find
BetterBill makes three promises: know how much you overpay, know why you overpay, and stop overpaying with a click. Our job was to make each of those easy to find and easy to use in the app.
100+ Screen Updates for Android and iOS
Our part was simple on paper: take the previous designs, enhance them, improve them and make the app easy to use and good looking. We did it for Android and iOS, with 100+ screens and updates.
Landing Pages, Print and Animation
We made more than the app. There were landing pages, different print and graphic materials, and animation built the same way as in our other app work: blocks first, then keyframes, then tweens in After Effects.
What We Cannot Show
We do not have savings or conversion numbers for BetterBill. The screens and the landing pages are the deliverable.
Tips From This Project
- Turn each promise of the product into one clear screen.
- Update a large app in passes, screens first, then states, then animation.
- Design Android and iOS from one system so they stay in step.
- Make the landing page and the app look like the same product.
BetterBill takes care of your bills for you.
And makes sure you always pay the lowest price.
Here the introduction from Betterbill website: “Know how much you overpay. Analyze your usage and bills over the past 6 months to see if you overpaid.
Know why you overpay. We will optimize your bill or switch you to a different provider if possible. Stop overpaying with a click. Leave us the paperwork. We will take care of everything.”
Our part was simple: take previous designs and enhance, improve, make the app easy to use and good looking. And we did it for Android & iOS. With 100+ screens and updates 🙂
100+
Screen Updates
Landing Pages and Mobile Apps
We had a chance not only to make mobile apps but landing pages, different print and graphic materials.
Animation & Tools
For animation sequences we started from block animation. Then we divided a timeline and strategically placed new key frames in Photoshop.
After that, we imported all those frames to the Adobe After Effects and there we’ve added all additional tweens, vector shapes’ animations and so on.
Nearby you can see an example of what can be achieved with this pipeline and usage of different tools in percents.
Read Next
- Thredz: mobile app UI design 33+ wireframes and 35+ screens.
- Digital Spotlight: infographic design About 40 responsive cards.
- Price calculator See what a project like this costs.
Chat With Us
We usually reply within an hour.
On busy days – 24-48 hours
To schedule the work, start an hourly contract on Upwork
(set a 10-20h weekly limit, pause anytime), or send a message or email us