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.
Goals
Starting off as a branding intern, my role eventually began to encompass creating design assets and doing UI design for their website and service.
Goals
One of the first steps into the rebranding project was the logo's redesign.
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.
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.
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.
The shape of the moon itself was matched to the counter of the first letter 'P' for continuity.
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.
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.
Utilizing a continuous scroll, the redesigned website sectionizes the service's introductory information in a fluid manner.
The About screen shows Paymonth's Vision and Mission.
Please note, the Mission section was filled with patterns as a place holder. There were planned future assets for this page however my internship contract ended before those assets were completed.
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.
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.
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.
2020 • INTERNSHIP