top of page
Problem Statement
• The company's current system for payments and collections is complex and difficult to use.
• Only one person knew how to operate it, creating bottlenecks and operational risks.
• The reliance on specific knowledge centralizes control and jeopardizes continuity in cases where the main operator is absent.
Why are I creating Blender Bank?
Building a Design System
Target audience
• Blender Bank – Administrative app for small and medium-sized businesses, combining financial management, payments, and document issuance in one place, with convenience and security.
.
Market research
Research
• I conducted research by studying several companies in the market, such as SAS, Oracle, and Microsoft.
• Many of these companies charge very high prices for their solutions.
• For these businesses, it is more beneficial to invest in developing their own operating system.
• A custom system offers greater customization, control, and can be more cost-effective in the long run.
ORANCLE
Focused on medium and large companies, with a strong cloud presence.
3
SAP
One of the most complete and robust systems on the market, widely used by large companies
1
MICROSOFT DYNAMIC 365
Integrates management with Microsoft Office tools and cloud solutions.
4
TOTVS
Very popular in Brazil, especially among industries, retail, and education sectors.
2
2
SAGE
Strong in Europe, it offers solutions for finance, accounting, and business management-
5
Top of funnel
This is the strategic funnel that represents the customer acquisition, activation, and retention journey for complex financial software
Strategy
Digital strategy
• User-centered experience: Intuitive interface based on UX Design principles, making navigation easy and reducing errors for any user profile.
• User-centered experience: Intuitive interface based on UX Design principles, making navigation easy and reducing errors for any user profile.
• Accessibility and adaptability: Design tailored for different devices and needs, with the flexibility to keep up with market changes.
Design System Tiphograpy
Inter
Aa
Inter is a modern, open-source sans-serif typeface by Rasmus Andersson, designed for screen legibility. It features a large x-height, clean and open letterforms, many weights, and excellent readability for UI and web design.
# Heading 1
Semi-Bold
24px
16px
14px
12px
20px
Medium
Regular
Regular
Regular
# Heading 2
# Body Text 1
# Body Text 2
# Button Text
# Heading 1
Semi-Bold
24px
16px
14px
12px
20px
Medium
Regular
Regular
Regular
# Heading 2
# Body Text 1
# Body Text 2
# Button Text
Design System Colours
# Primary Colour
# Secondary Colour
# Primary Colour
# Brand Colour
# Brand Colour
# Secondary Colour
# Primary Text Colour
# Secondary Text Colour
# Tertiary Text Colour
# Primary Text Colour
# Secondary Text Colour
# Tertiary Text Colour
WireFrame
Mobile designs
The mobile design of Blender Bank was created with a focus on accessibility and simplicity, allowing users to manage their finances on the go with a streamlined experience tailored for smaller screens.
Desktop designs
The desktop design of Blender Bank was crafted to offer a clean, intuitive interface that balances functionality with a modern aesthetic, ensuring users can navigate financial operations with ease and confidence.
Pain Points
• Lack of documentation on the previous system, making it difficult to understand internal processes;
• Steep learning curve, as it was necessary to understand both the operation of the old software and the company’s specific needs.
• Resistance to change from employees accustomed to the old system;
• The need to balance development with the demands of daily administrative tasks;
Parts of the challenge
Turning the Complex into Something Simple
Translating detailed financial processes (such as bank reconciliation, invoice issuance, income statements, etc.) into an easy-to-use interface.
Balancing Security with Usability
Incorporating security mechanisms (such as 2FA authentication and encryption) without disrupting the smoothness of the user experience.
Ensuring Real Accessibility
Implementation of WCAG standards, keyboard support, high contrast, screen readers, and voice navigation.
Third-Party Integrations (APIs)
Integrate the system with banks, ERPs, payment terminals, and external accounting services.
Methods
Ensuring Real Accessibility
I found that using a card and payment terminal is the fastest and easiest way to pay. It saves customers from opening apps or searching for payment options.
Customer Support System
Many customers struggle to reach support. A self-learning system with a 24/7 Digital Help Center can solve this by handling issues like passwords, card unlocks, and disputes directly in the app.
Third-Party Integrations (APIs)
Integrating with banks, ERPs, payment terminals, and accounting services streamlines operations and saves time by removing the need to check multiple accounts for payments.
50%
Key Metrics
User Experience and Accessibility
Create an intuitive and inclusive experience for all user profiles.
30%
Modularity and Scalability
Enable the system to adapt to the client’s growth.
20%
Security and Reliability
Protect data and ensure user trust.
“I believe the system is more than a tool; it empowers businesses to fully control their financial operations.”
Emily Lauriana Alves
bottom of page