Flux
Flux wanted to create the ultimate payment platform and needed a landing page design to market themselves, as well as a full fintech web design.
Project Type:
Client:

Introduction
Flux wanted to combine the elements of both Square and Stripe into one fintech web design. They needed a marketing landing page design as well as a fully functioning web app.
The Challenge
Flux needed a web app development strategy for their payment ecosystem as well as a marketing landing page design that helped sell the user on the benefits of their product. We had to design the complete user experience for the app from top to bottom, including a site map that helped plan out the user’s journey as well as a new brand styleguide that set rules for using their logo and their colors.
Flux needed a web app development strategy for their payment ecosystem as well as a marketing landing page design that helped sell the user on the benefits of their product. We had to design the complete user experience for the app from top to bottom, including a site map that helped plan out the user’s journey as well as a new brand styleguide that set rules for using their logo and their colors.


The Solution
Our work on the Flux project started with a discovery phase where we learned about the vertical while also leaning on the expertise of the stakeholder to understand what we were designing for. We then did the UX consulting for the marketing landing page, starting with wireframes and then ramping up the fidelity.
For the web app, we developed the user flows with the help of a site map to plan out how a user completes tasks within the app. We then set about exploring the visual identity of the Flux brand, which we then translated into a robust styleguide that defined their brand atmosphere.
Our work on the Flux project started with a discovery phase where we learned about the vertical while also leaning on the expertise of the stakeholder to understand what we were designing for. We then did the UX consulting for the marketing landing page, starting with wireframes and then ramping up the fidelity.
For the web app, we developed the user flows with the help of a site map to plan out how a user completes tasks within the app. We then set about exploring the visual identity of the Flux brand, which we then translated into a robust styleguide that defined their brand atmosphere.
Research
We learned about the fintech vertical and payment processors to understand what we were designing for.
Planning
A site map and detailed user flows helped us plan out the user’s journey and how they completed tasks within the app.
Design
After planning the map of the site, we designed the visual identity of the site, beginning with wireframes and moving on to higher fidelity.
We continued to make more tweaks to the design based on regular meetings with the clients and what type of feedback they had for us.
Iteration
The Deliverables
Below you will find the main deliverables that we created for Flux. For this fintech web design, deliverables consisted of UX consulting, presentations, videos, one-pagers, site maps, wireframes, web app development strategy, the finished website itself, and so much more. Each project is different and requires different deliverables to achieve success.


Homepage
Design


Receipt
Design
Tabs
Project Summary
Flux was a large project for us that all started with researching the fintech vertical to understand how we could improve upon the ideas of competitors. We then planned out the site with maps and user flow journeys to formulate a structure, which we then designed with wireframes before ramping up to higher fidelity. Regular meetings with the client gave us valuable feedback which we then used to tweak and optimize the design.
Do you have more questions about Flux? Interested in starting a project just like it? Contact us for more information!
Research
Investigated the fintech vertical to help inform our designs.
Planning
Organized the structure of the site with site maps and user flows.
Design
Created the look of the site in wireframes and high fidelity.
Iteration
Improved upon the design based on client feedback.
Google Analytics





