Underpay
Underpay is flipping the script on financial rewards, helping people with limited access to credit to earn back on their debit card purchases. I partnered with Underpay to craft a stand out brand identity, marketing website and first version of their consumer app.
Underpay
Underpay is flipping the script on financial rewards, helping people with limited access to credit to earn back on their debit card purchases. I partnered with Underpay to craft a stand out brand identity, marketing website and first version of their consumer app.
Underpay
Underpay is flipping the script on financial rewards, helping people with limited access to credit to earn back on their debit card purchases. I partnered with Underpay to craft a stand out brand identity, marketing website and first version of their consumer app.
![Work image](https://framerusercontent.com/images/eb5JIwQddxA5YPzRkbazU9pYVg.png)
![Work image](https://framerusercontent.com/images/eb5JIwQddxA5YPzRkbazU9pYVg.png)
![Work image](https://framerusercontent.com/images/eb5JIwQddxA5YPzRkbazU9pYVg.png)
Creating the visual identity
Over the course of two weeks I worked with the founders to get a deep understanding of their vision and start to translate that into visual concepts they could feed back on. We delved into the target audience, direct competitors and overall market to craft an identity that stood out against the noise, whilst remaining approachable and familiar to their primary audience — Gen Z.
![](https://framerusercontent.com/images/ct5JyKPwTv2AgPuVYFMPvEA7bMY.png)
![](https://framerusercontent.com/images/kbm6a6vUmOxFvHtk1WB7ID9rcs.png)
![](https://framerusercontent.com/images/o94JT0lsMU06TOj6tHLQQuGGB4.png)
![](https://framerusercontent.com/images/hnxc8A47FzZO9nQjLI61eQfA.png)
![](https://framerusercontent.com/images/MdoEUnddaCNsrXn4uQ6rT1gr20.png)
Building a Framer website
With our brand identity set, the next priority was to pull together a new website in Framer to build awareness of Underpay and allow users to join their waitlist. Utilising Framer's Figma plugin, we were able to redesign and launch an entire new website in just a few days and build a system that allowed future changes to be quick and easy to publish.
![](https://framerusercontent.com/images/YFLiyntCoGHQFDC8lWYDlS2hM.png)
![](https://framerusercontent.com/images/3hBeBjcf7s3O9ImzJ5GYKKKnKo.png)
Designing the app experience
Finally we began to define the Underpay app experience, wire-framing the key product screens, mapping out user journeys for the core features of the app and building the design system to bring it to life.
![](https://framerusercontent.com/images/YuGOkMOVgC00Ok8Vak6QEqc6yI.png)
![](https://framerusercontent.com/images/aOhsuXWhsb53GTqOm0wFAgDLZA.png)
![](https://framerusercontent.com/images/PnHoGfDDRpdnFYTRm35YUMh7s.png)
![](https://framerusercontent.com/images/5uDptEDHWSR4HchobrWfaUoZGf4.png)
Outcome
After less than a month of working with Underpay they were ready to launch their new brand and website, helping to grow their app waiting list to 2000+ shoppers and starting to onboard stores to their service.
In parallel they were able to begin building their app utilising the design system, product screens and UX maps I created in Figma, preparing for their full launch on iOS and Android later this year.
Creating the visual identity
Over the course of two weeks I worked with the founders to get a deep understanding of their vision and start to translate that into visual concepts they could feed back on. We delved into the target audience, direct competitors and overall market to craft an identity that stood out against the noise, whilst remaining approachable and familiar to their primary audience — Gen Z.
![](https://framerusercontent.com/images/ct5JyKPwTv2AgPuVYFMPvEA7bMY.png)
![](https://framerusercontent.com/images/kbm6a6vUmOxFvHtk1WB7ID9rcs.png)
![](https://framerusercontent.com/images/o94JT0lsMU06TOj6tHLQQuGGB4.png)
![](https://framerusercontent.com/images/hnxc8A47FzZO9nQjLI61eQfA.png)
![](https://framerusercontent.com/images/MdoEUnddaCNsrXn4uQ6rT1gr20.png)
Building a Framer website
With our brand identity set, the next priority was to pull together a new website in Framer to build awareness of Underpay and allow users to join their waitlist. Utilising Framer's Figma plugin, we were able to redesign and launch an entire new website in just a few days and build a system that allowed future changes to be quick and easy to publish.
![](https://framerusercontent.com/images/YFLiyntCoGHQFDC8lWYDlS2hM.png)
![](https://framerusercontent.com/images/3hBeBjcf7s3O9ImzJ5GYKKKnKo.png)
Designing the app experience
Finally we began to define the Underpay app experience, wire-framing the key product screens, mapping out user journeys for the core features of the app and building the design system to bring it to life.
![](https://framerusercontent.com/images/YuGOkMOVgC00Ok8Vak6QEqc6yI.png)
![](https://framerusercontent.com/images/aOhsuXWhsb53GTqOm0wFAgDLZA.png)
![](https://framerusercontent.com/images/PnHoGfDDRpdnFYTRm35YUMh7s.png)
![](https://framerusercontent.com/images/5uDptEDHWSR4HchobrWfaUoZGf4.png)
Outcome
After less than a month of working with Underpay they were ready to launch their new brand and website, helping to grow their app waiting list to 2000+ shoppers and starting to onboard stores to their service.
In parallel they were able to begin building their app utilising the design system, product screens and UX maps I created in Figma, preparing for their full launch on iOS and Android later this year.
Creating the visual identity
Over the course of two weeks I worked with the founders to get a deep understanding of their vision and start to translate that into visual concepts they could feed back on. We delved into the target audience, direct competitors and overall market to craft an identity that stood out against the noise, whilst remaining approachable and familiar to their primary audience — Gen Z.
![](https://framerusercontent.com/images/ct5JyKPwTv2AgPuVYFMPvEA7bMY.png)
![](https://framerusercontent.com/images/kbm6a6vUmOxFvHtk1WB7ID9rcs.png)
![](https://framerusercontent.com/images/o94JT0lsMU06TOj6tHLQQuGGB4.png)
![](https://framerusercontent.com/images/hnxc8A47FzZO9nQjLI61eQfA.png)
![](https://framerusercontent.com/images/MdoEUnddaCNsrXn4uQ6rT1gr20.png)
Building a Framer website
With our brand identity set, the next priority was to pull together a new website in Framer to build awareness of Underpay and allow users to join their waitlist. Utilising Framer's Figma plugin, we were able to redesign and launch an entire new website in just a few days and build a system that allowed future changes to be quick and easy to publish.
![](https://framerusercontent.com/images/YFLiyntCoGHQFDC8lWYDlS2hM.png)
![](https://framerusercontent.com/images/3hBeBjcf7s3O9ImzJ5GYKKKnKo.png)
Designing the app experience
Finally we began to define the Underpay app experience, wire-framing the key product screens, mapping out user journeys for the core features of the app and building the design system to bring it to life.
![](https://framerusercontent.com/images/YuGOkMOVgC00Ok8Vak6QEqc6yI.png)
![](https://framerusercontent.com/images/aOhsuXWhsb53GTqOm0wFAgDLZA.png)
![](https://framerusercontent.com/images/PnHoGfDDRpdnFYTRm35YUMh7s.png)
![](https://framerusercontent.com/images/5uDptEDHWSR4HchobrWfaUoZGf4.png)
Outcome
After less than a month of working with Underpay they were ready to launch their new brand and website, helping to grow their app waiting list to 2000+ shoppers and starting to onboard stores to their service.
In parallel they were able to begin building their app utilising the design system, product screens and UX maps I created in Figma, preparing for their full launch on iOS and Android later this year.