FinTech Startup Rebranding

COMPANY OVERVIEW

ROLE

Paymonths is a startup FinTech company in Seoul, South Korea. It is to be the first Buy Now Pay Later service in Korea and provide users  novel financial options. It differs from other BNPL and financial services by utilizing a machine learning-based alternative credit scoring system to analyze financial and non-financial big data. Ultimately, it would provide its B2C and B2B service to a distincly larger amount of users and businesses with varying credit scores.

Sole Product Designer
Branding Intern

TOOLS

Figma and Wix

DURATION

10.2020 – 12.2020

REBRANDING OBJECTIVES
  1. Discover and highlight the differences of Paymonth's service compared to other financial services.

  2. Embody the embracing tone of voice in the vision of Paymonths and integrate it into its visual branding. 

Goals

  • Discover and highlight the differences of Paymonth's service compared to other financial services.
  • Embody the embracing tone of voice in the vision of Paymonths and integrate it into its visual branding. 
illustraion_paymonths_03

The Re-design

Logo Re-design

Original logo
OG_paymonths_logo

One of the first steps into the rebranding project was the logo's redesign.

Logo Color Change

Their logo and their main color were changed to a deeper tone of their seafoam. The goal was to weighten the sense of trust and dependability.

logo-color-change(paymonths)
New Logo Colors
new-logo-colors(paymonths)

The black color in the original color was replaced with an even darker sea foam that is close to black. This reduced harshness while maintaining a pleasant contrast between the two colors.

Moon Symbol

The meaning: The company used a moon symbol to represent the month cycle in which payments can be customized in. The term 'moon' also translates into the term 'month' in Korean ('dal' 달).

Shape change: The moon was enlarged and attached to the vertical line in order to give the moon more presence as well as to stabilize it within the logo.

moon-logo(paymonths)01
moon-logo(paymonths)03
moon-logo(paymonths)02

The shape of the moon itself was matched to the counter of the first letter 'P' for continuity.

stacked-logo
700-card-logo
side-logo

NEW LOGO

ICON VERSION

ALTERNATIVE VERSION

COLORS

Primary
primary_color(paymonths)
Secondary
secondary_color01(paymonths)
secondary_color02(paymonths)
Tertiary
tertiary_color(paymonths)
Text
text_color(paymonths)

ILLUSTRATIONS

icon_paymonths_01
icon_paymonths_02
icon_paymonths_03
illustraion_paymonths_01
illustraion_paymonths_02
illustraion_paymonths_03

TYPOGRAPHY

nanumsquare_ac_Regular
nanumsquare_ac_Bold
nanumsquare_ac_Light
KOREAN TEXT

A typeface that softens the angles while highlighting rigidity in the lines, the Nanum Square font was a great fit for the all-embracing FinTech brand.

ENGLISH TEXT

Poppins Semibold, with its playful curves and fickle widths, was used for text written in English.

Since the English text was used for headers and key points, the typeface served as an important role to balance the clean and square Korean text. 

Poppins-SemiBold
poppins_semibold_character_map01
poppins_semibold_character_map01 copy

Main Website Design

Original Website
PM_OG_website_01
PM_OG_website_02
PM_OG_website_03
PM_OG_website_04
New Website
PM-website_Home-Screen_Full

Utilizing a continuous scroll, the redesigned website sectionizes the service's introductory information in a fluid manner.

Above are screens from the About section. Showcasing the company's vision and mission.

MOBILE VERSION

mobile-home_720p_600px_30compression
FLOW • HOME

Timed ineractions are utilized in text positioning, patterns, and buttons (same as website). 

The logo reduces to the logo icon in the top left of the the mobile version. 

FLOW • ABOUT PAYMONTHS

The About flow could be accessed via the hamburger menu.

Pattern art that was in the website version is removed from the mobile version to emphasize simplicity and prioritize text legibility on a smaller screen. 

The interactions subtly appear as the user scrolls. They are utilized in the section header icons, text positioning, illustrations, and buttons. 

mobile-about_720p_600px_30compression

B2B Service UI Design

The B2B screens were designed based on the B2B concept documentation provided to me by the team. Financial services involving businesses are often complex and tedious. My goal of the B2B's UI was to ensure the user feels as though each step is easy to follow and quick to complete. Each significant action was broken up into separate steps. I tried to make sure that no action would require over a 30 seconds to read. It was a challenge to structure all of the important information involving money and deadlines. By focusing on hierarchial design in color, sizing, and typography, I attempted to effectively lay out all the details in an intuitive manner for the user to digest.

B2B Concept Figma 1
B2B Concept Figma 2
B2B Concept Figma 3
B2B Concept Figma 6
B2B Concept Figma 7
B2B Concept Figma 8
B2B Concept Figma 9
B2B Concept Figma 10
B2B Concept Figma 11

2020 • INTERNSHIP

View other projects