Work
About
Services

Section release scheduled in the winter '24

Insights

Section release scheduled in the winter '24

smile

We will respond during business hours.
Mon — Fri: from 10:00 to 19:00 (GMT +3).

Bill_line

Payment system for online business

Industry

  • finTech

Expertise

Personal account redesign, website development and brand identity design

Development period

2022

About the client

Bill_line — is a payment system for online businesses. The team serves online stores, banks, gaming platforms, and other sites with online payments.

The company provides a personal user account with analytics on payments, currencies,
and products to its clients.
Based on this, the client forms a report.

The task

The Bill_line website has not been updated for a long time, and the logo and visuals are outdated. And personal account settings were difficult even for regular customers. We were given the task of bringing the site up to the level of modern payment systems and simplifying the user account.

Website before.png - Personal account redesign, development website, and brand identity - goodface.agency
Website after.png - Personal account redesign, development website, and brand identity - goodface.agency
Avatar.png - Personal account redesign, development website, and brand identity - goodface.agency
Maxim BoronenkoCDBO Bill_line
"Colleagues from another fintech company recommended updating the site together with Goodface. We viewed the works on the agency's website and were delighted with the visuals. That's why we decided to entrust this project to the Goodface."

Project strategy

Process

We held a workshop to draw up the project's objectives and find out the client's expectations. During the conversation, it was discovered that
the company does not have a finished brand strategy on the market. So the work had to start with research.

Next, we developed a project strategy:

  1. Analyzing competitors in the market of payment systems. Development of a brand identity concept
    that meets the needs of potential customers and highlights company among competitors.
  2. Development of an identity. Creating a logo that reflects the concept of the company's work.
  3. Creating wireframes. Agreement on the structure of the future website.
  4. Creating website design, frontend, and backend implementation.
  5. Rethinking and redesigning the merchant's account.
Billline 3.png - Personal account redesign, development website, and brand identity - goodface.agency
Avatar.png - Personal account redesign, development website, and brand identity - goodface.agency
Maxim BoronenkoCDBO Bill_line
"I am very picky about details. To bring the website to the result, Goodface created an effective working mechanism. The strategy was agreed upon through weekly calls. And step-by-step solutions were discussed in the chat.”

Logo & brand identity

The company's logo was very cumbersome: an overflow
of elements, a three-dimensional drawing. We analyzed the competitors' market and identified common features: font logos, and simplification.

Companies provide complex payment solutions, so the design trend is heading toward simplification. 
Companies create such logos to be remembered by users at first glance. The client received the results 
of working with the concepts in the presentation.

Logo before.png - Personal account redesign, development website, and brand identity - goodface.agency
Logo After.png - Personal account redesign, development website, and brand identity - goodface.agency

Concepts

We created several concepts from the font of the company name and the line, the leading element of the logo. The line in the concepts symbolizes part of the company's name – Bill_Line.

After consulting with the client, they used the two variants shown in the picture. First, the user
sees the first logo with a straight line (Bill_line). And later, the line is rounded
with the help of motion design. It symbolizes a smile, the main idea
 
of ​​the new positioning — client care.

Solutions

Two important tasks were accomplished: we simplified
the logo, leaving corporate elements, and we adapted
the logo to the principles of the project — benevolence and customer orientation (by adding a smile to the concept).

Now the logo looks at the level of international competitors, and at the same time, it is adapted to trends.

Billline 7-min-2.png - Personal account redesign, development website, and brand identity - goodface.agency
Billline 8-min.png - Personal account redesign, development website, and brand identity - goodface.agency
Billline 9-min.png - Personal account redesign, development website, and brand identity - goodface.agency

Website development

The design of the Bill_line website pages continues
the identity concept. We used logo colors and brevity. Stylization in motion design was added to the interactive elements.

The peculiarity of motion design is that it loads the site with a weak front-end solution. 
Because of this, users wait a long time for the page, or they can close the tab without even waiting 
for the first screen.

In each of our projects, motion design is an advantage, not an obstacle. According to Google Page Speed, 
our front-end development department achieves a loading speed of 98-99 out of 100. So more often 
we add animations through programming rather than using video.

Billline 10-min.png - Personal account redesign, development website, and brand identity - goodface.agency
Billline 11-min.png - Personal account redesign, development website, and brand identity - goodface.agency

Page design

On each page, the site presents the capabilities
of the Bill_line company to a user. It adapts the client
to the use of the site from the first screen and tells about the main functions, security, and use of the account.

A separate request from the client was to create and style a page to connect the API for user sites. 
We have posted detailed and convenient instructions for setting up and connecting the code.

Billline 12-min.png - Personal account redesign, development website, and brand identity - goodface.agency
Billline 13-min.png - Personal account redesign, development website, and brand identity - goodface.agency

User's Account

In order to adapt the interface to the needs of customers and modern digital traditions, a new concept of UX/UI design was offered to the client.

The previous User's Account was complicated and not intuitive. The interface did not help 
but overwhelmed customers. For instance, it was difficult to go through the registration procedure. 
There were no hints in the account on how to manage analytics and reports. The analytical data itself 
was piled up and the user had to understand the interface well to operate on the reporting parameters.

Billline 14-min.png - Personal account redesign, development website, and brand identity - goodface.agency

Intuitive interface

At each stage of managing the account, the website gives hints on what each function is for and how to use it correctly. Registration was simplified to the main page, where an explanation was given under each line on what information needed to be entered.

Billline 15-min.png - Personal account redesign, development website, and brand identity - goodface.agency
Billline 16-min.png - Personal account redesign, development website, and brand identity - goodface.agency

Dashboard

We also created a dashboard concept. Information was placed on it succinctly and clearly, without overloading it with unnecessary elements. Immediately after registration, a newcomer was able to intuitively understand what this dashboard is for and what data it operates on.

The UX/UI of each page has been thought out to the smallest detail. For example, an initial window 
with hints, and a page for confirming, changing, and restoring a password were created for the registration page. Screens were presented to the client at Figma.

Goodface agency, case Bill_line, User's Account Before.png - Personal account redesign, development website, and brand identity - goodface.agency
Goodface agency, case Bill_line, User's Account After.png - Personal account redesign, development website, and brand identity - goodface.agency

The results

The result of this project was an updated presentation website and a convenient user's account. The product is adapted to the needs of users and trends of the fintech industry.

Modern logo and brand identity

The brand identity and styling of the site correspond to modern ideas about the quality of the payment system. We focused on the convenience, customer orientation, and security level of working with Bill_line.

Updated presentation website

The new site is simple and easy to use. Interactive hints and instructions have been thought out on every page so that new users can work without technical support or with minimal consultation.

User's personal account

Regular users talk about positive changes: it is easy to monitor analytics in the account, and generate reports for the business. This was also noticed by new clients who were not familiar with the Bill_line product before. And now they use the site every day.

Links

Client review

5.0
Star - goodface.agencyStar - goodface.agencyStar - goodface.agencyStar - goodface.agencyStar - goodface.agency
Quality 5.0Schedule 5.0Cost 5.0Willing to refer 5.0

I really enjoyed working with the Goodface team. The agency has a lot of experience in fintech — it's a market niche with a lot of nuances. And those nuances should not only be followed but also understood. The team was constantly in touch, listened a lot, and offered successful solutions. In a few steps, we have created a product that meets our overall business strategy and customer needs. Separately, I would like to note the interface of the user account: during the introduction, new clients appreciate the modernity and simplicity of the interface design.

Other projects

Corefy - goodface.agency

Corefy

  • finTech
  • IT

UX/UI design, website development and brand identity for scale payment platform

View projectArrow - goodface.agency
  • finTech
  • IT
Case studyArrow - goodface.agencyArrow - goodface.agency
PayAtlas - goodface.agency

PayAtlas

  • finTech

Platform interface design, website development and logo creation for the global catalog of payment providers

View projectArrow - goodface.agency
  • finTech
Arrow - goodface.agencyArrow - goodface.agency
Cascad - goodface.agency

Cascad

  • finTech

Website design and development.
Logo and interface design of a personal account for a payment system

View projectArrow - goodface.agency
  • finTech
Arrow - goodface.agencyArrow - goodface.agency
View all projectsArrow - goodface.agency
Get an offerSmile - goodface.agency
Take your business to the
 next level in one simple step
get in touchSmile - goodface.agency
Cat
Close
Checkmark - goodface.agency

Fill in a simple brief

We will respond during business hours

Close

PRIVACY POLICY

Welcome to Goodface privacy notice.

Goodface respects your privacy and is committed to protecting your personal data. This privacy notice will inform you as to how we look after your personal data when you visit our website (regardless of where you visit it from) and other sites we own and operate. And tell you about your privacy rights and how the law protects you.

We may change the privacy policy from time to time to reflect changes to the products and services that we provide and how we process your personal data.

We will not share your information with any third party outside of our organization, other than as necessary to fulfil your request if any."

INFORMATION WE COLLECT

When you visit our website, our servers may automatically log the standard data provided by your web browser. This data is considered “non-identifying information”, as it does not personally identify you on its own. It may include:

  • Your computer’s Internet Protocol (IP) address;
  • Your browser type and version;
  • The pages you visit;
  • The time and date of your visi;
  • The time spent on each page;

OTHER DETAILS

We may ask for personal information, such as your name and email address. This data is considered “identifying information”, as it can personally identify you. We only request personal information relevant to providing you with a service, and only use it to help provide or improve this service.

We collect information by fair and lawful means, with your knowledge and consent. We also let you know why we’re collecting it and how it will be used. You are free to refuse our request for this information, with the understanding that we may be unable to provide you with some of your desired services without it.

We will only process personal data and communicate with you if:

1. You have given us consent to the processing of your personal data and communicating for one or more specific purposes i.e. requesting products or services from us, downloading material or information from our website or submitting a contact us form.

2. Performance of a contract

3. Where we have a legitimate interest for contacting you in relation to our products and services

DATA PROCESSING AND STORAGE

We only retain personal information for as long as necessary to provide a service, or to improve our services in future. While we retain this data, we will protect it within commercially acceptable means to prevent loss and theft, as well as unauthorised access, disclosure, copying, use or modification. That said, we advise that no method of electronic transmission or storage is 100% secure, and cannot guarantee absolute data security.

Rights and choices of individuals:

  • See what data we have about you, if any;
  • Change/correct any data we have about you;
  • Have us delete any data we have about you;
  • See what security measures we apply to your data;
  • Express any concern you have about our use of your data;

You may opt out of any future contacts from us at any time. You can do the following at any time by contacting us via the email address given on our website: goodface.agency