LINE FX
LINE FX
Web
Web
Released in Japan
Released in Japan
LINE Corporation (2022)
LINE Corporation (2022)
EN
EN
LINE FX is a 24-hour forex margin trading service operated by LINE Securities. It provides an easy-to-use platform with advanced charts, economic indicators, and market trends, making forex trading accessible for both beginners and experienced traders. Integrated with the LINE messenger app, it offers real-time forex price updates and market forecasts, helping users trade at optimal times. LINE FX also features competitive spreads on major currency pairs and operates under the strict regulation of Japan's Financial Services Agency (FSA), ensuring a secure trading environment.
LINE FX is a 24-hour forex margin trading service operated by LINE Securities. It provides an easy-to-use platform with advanced charts, economic indicators, and market trends, making forex trading accessible for both beginners and experienced traders. Integrated with the LINE messenger app, it offers real-time forex price updates and market forecasts, helping users trade at optimal times. LINE FX also features competitive spreads on major currency pairs and operates under the strict regulation of Japan's Financial Services Agency (FSA), ensuring a secure trading environment.
JP
JP
LINE FXは、日本のLINE証券が運営する24時間対応の外国為替証拠金取引サービスです。高度なチャート、経済指標、市場動向などを簡単に理解できるように提供し、主要通貨ペアに対して競争力のあるスプレッドをサポートしています。LINEメッセンジャーと連動し、リアルタイムの為替レート変動や市場予測情報を素早く受け取ることができ、最適なタイミングで取引を行うことができます。初心者でも簡単にアクセスできるように設計されており、日本の金融庁(FSA)の規制に準拠し、安定性を保証します。
LINE FXは、日本のLINE証券が運営する24時間対応の外国為替証拠金取引サービスです。高度なチャート、経済指標、市場動向などを簡単に理解できるように提供し、主要通貨ペアに対して競争力のあるスプレッドをサポートしています。LINEメッセンジャーと連動し、リアルタイムの為替レート変動や市場予測情報を素早く受け取ることができ、最適なタイミングで取引を行うことができます。初心者でも簡単にアクセスできるように設計されており、日本の金融庁(FSA)の規制に準拠し、安定性を保証します。
KR
KR
LINE FX는 일본의 LINE 증권에서 운영하는 24시간 외환 마진 거래 서비스입니다. 고급 차트, 경제 지표, 시장 동향 등을 쉽게 이해할 수 있도록 제공하며, 주요 통화 쌍에 대해 경쟁력 있는 스프레드를 지원합니다. LINE 메신저와 연동되어 실시간 환율 변동과 시장 예측 정보를 빠르게 받아볼 수 있어, 최적의 시점에 거래할 수 있도록 돕습니다. 초보자도 쉽게 접근할 수 있도록 설계되어 있으며, 일본의 금융청(FSA) 규제를 준수해 안정성을 보장합니다.
LINE FX는 일본의 LINE 증권에서 운영하는 24시간 외환 마진 거래 서비스입니다. 고급 차트, 경제 지표, 시장 동향 등을 쉽게 이해할 수 있도록 제공하며, 주요 통화 쌍에 대해 경쟁력 있는 스프레드를 지원합니다. LINE 메신저와 연동되어 실시간 환율 변동과 시장 예측 정보를 빠르게 받아볼 수 있어, 최적의 시점에 거래할 수 있도록 돕습니다. 초보자도 쉽게 접근할 수 있도록 설계되어 있으며, 일본의 금융청(FSA) 규제를 준수해 안정성을 보장합니다.
LINE FX는 일본의 LINE 증권에서 운영하는 24시간 외환 마진 거래 서비스입니다. 고급 차트, 경제 지표, 시장 동향 등을 쉽게 이해할 수 있도록 제공하며, 주요 통화 쌍에 대해 경쟁력 있는 스프레드를 지원합니다. LINE 메신저와 연동되어 실시간 환율 변동과 시장 예측 정보를 빠르게 받아볼 수 있어, 최적의 시점에 거래할 수 있도록 돕습니다. 초보자도 쉽게 접근할 수 있도록 설계되어 있으며, 일본의 금융청(FSA) 규제를 준수해 안정성을 보장합니다.
Role
Role
As a member of the Financial Design Team within the LINE Creative Center in Tokyo, Japan, I was responsible for the UI design of LINE FX Pro (PC). My main responsibilities included the responsive web design and system design of LINE FX Pro, and I held the position of Senior Designer within the team.
As a member of the Financial Design Team within the LINE Creative Center in Tokyo, Japan, I was responsible for the UI design of LINE FX Pro (PC). My main responsibilities included the responsive web design and system design of LINE FX Pro, and I held the position of Senior Designer within the team.
LINE
LINE was launched as a messaging app in June 2011 to connect people with friends and family. It rapidly expanded its mobile-first services to include lifestyle, fintech, content, e-commerce, entertainment, AI, and more. Today, LINE is the No. 1 messaging app in Japan, Taiwan, and Thailand, and is beloved by users worldwide.
LINE
LINE was launched as a messaging app in June 2011 to connect people with friends and family. It rapidly expanded its mobile-first services to include lifestyle, fintech, content, e-commerce, entertainment, AI, and more. Today, LINE is the No. 1 messaging app in Japan, Taiwan, and Thailand, and is beloved by users worldwide.
LINE FX
LINE FX is the service to be launched from LINE Securities in response to user demand for more variety in the range of financial products that can be traded. LINE FX Pro is a Full-fledged, highly functional PC version of trading tools focused on ease of use. It can be used by both beginners and advanced forex users alike.
LINE FX
LINE FX is the service to be launched from LINE Securities in response to user demand for more variety in the range of financial products that can be traded. LINE FX Pro is a Full-fledged, highly functional PC version of trading tools focused on ease of use. It can be used by both beginners and advanced forex users alike.
The challenges LINE FX faced and the design solutions to solve them.
The challenges LINE FX faced and the design solutions to solve them.
Needs
Users of the LINE FX mobile app have expressed a desire for a more highly functional tool for FX trading. Compared to the existing smartphone app, which was mainly targeted at beginners, FX Pro was specifically developed to cater to both beginners and advanced forex users.
Needs
Users of the LINE FX mobile app have expressed a desire for a more highly functional tool for FX trading. Compared to the existing smartphone app, which was mainly targeted at beginners, FX Pro was specifically developed to cater to both beginners and advanced forex users.
Problems
LINE FX had previously only offered a mobile app, but as a PC version was planned, it became necessary to support various devices. In addition, as the volume of LINE FX grew, the need for a design system that could provide a consistent user experience across platforms arose.
Problems
LINE FX had previously only offered a mobile app, but as a PC version was planned, it became necessary to support various devices. In addition, as the volume of LINE FX grew, the need for a design system that could provide a consistent user experience across platforms arose.
Solution
To better address the user's need for a highly functional tool, the PC version removed the option for active customization. Additionally, a design system was established internally within the finance team to facilitate easier maintenance and regular updates to the service.
Solution
To better address the user's need for a highly functional tool, the PC version removed the option for active customization. Additionally, a design system was established internally within the finance team to facilitate easier maintenance and regular updates to the service.
Problem-solving approach for LINE FX.
Problem-solving approach for LINE FX.
01
01
Customizing
Customizing
Advanced features, responsive web, theme settings and more.
Advanced features, responsive web, theme settings and more.
The PC service is designed for beginners to advanced forex users. Since the target user group is relatively large, a UI with detailed controls was introduced. The most important feature of this UI is the freedom to place multiple panels within a single screen. Users with different preferences and needs can freely arrange the data and manipulation tools that are useful to them, all within one screen. Drag-and-drop operations are easy to use, and most panels are one-click operational to optimize for FX services that require fast trading and responsiveness.
The PC service is designed for beginners to advanced forex users. Since the target user group is relatively large, a UI with detailed controls was introduced. The most important feature of this UI is the freedom to place multiple panels within a single screen. Users with different preferences and needs can freely arrange the data and manipulation tools that are useful to them, all within one screen. Drag-and-drop operations are easy to use, and most panels are one-click operational to optimize for FX services that require fast trading and responsiveness.
A
B
C
D
E
F
G
H
A
Drawings
B
Auxiliary lines
C
Granular settings
D
Responsive dashboards
E
Trading panels
F
Customizable candlestick charts
G
Selectable themes
H
Light theme
02
02
Design System
Design System
Typography, colors, icons, button components, and more.
Typography, colors, icons, button components, and more.
To provide a consistent experience on PC for users accustomed to the LINE FX mobile app, and to support the expanding service, a design system has been established. This includes design guides, from small-scale components for responsive web to panel and screen-level layouts and interactions. The design system has improved collaboration within the design team and streamlined the work, communication, and service implementation across various departments involved in LINE FX.
To provide a consistent experience on PC for users accustomed to the LINE FX mobile app, and to support the expanding service, a design system has been established. This includes design guides, from small-scale components for responsive web to panel and screen-level layouts and interactions. The design system has improved collaboration within the design team and streamlined the work, communication, and service implementation across various departments involved in LINE FX.
A
B
C
D
A
Typography
B
Icons
C
Colors
D
Buttons
Lessons learned specifically from this project.
Lessons learned specifically from this project.
Utilizing effective typography to communicate data
and information.
Needs for a system and effective tools for reliable maintenance of the service.
Due to the nature of the FX, the amount of data involved is huge, so the role of typography is crucial. In this project, the alignment of characters in the tables was set differently depending on the nature of the information, so that the data could be intuitively recognized in less time. For example, numerical data such as prices were easier to compare when aligned to the right, as opposed to left or center alignment for text in general. (Information Graphics by The Wall Street Journal was referenced.) Therefore, effective information design was studied and applied to the typography and interface of this project for intuitive data recognition by users.
Utilizing effective typography to communicate data
and information.
Due to the nature of the FX, the amount of data involved is huge, so the role of typography is crucial. In this project, the alignment of characters in the tables was set differently depending on the nature of the information, so that the data could be intuitively recognized in less time. For example, numerical data such as prices were easier to compare when aligned to the right, as opposed to left or center alignment for text in general. (Information Graphics by The Wall Street Journal was referenced.) Therefore, effective information design was studied and applied to the typography and interface of this project for intuitive data recognition by users.
Utilizing effective typography to communicate data
and information.
When LINE FX Pro was being designed, it was one of the first attempts at company-wide adoption of Figma. To collaborate more effectively, the main tool was replaced with Figma, rather than using two tools in parallel, Sketch and Zepilin. Initially, it was a bit cumbersome to move all the existing design resources to the new tool, but Figma quickly settled in, making it easier to build a design system utilizing Figma's library features. It inspired me to set a personal goal of learning the tool in my future OKR. Updated features at the time, such as Auto Layout, were studied through OKR and shared with the team.
Needs for a system and effective tools for reliable maintenance of the service.
When LINE FX Pro was being designed, it was one of the first attempts at company-wide adoption of Figma. To collaborate more effectively, the main tool was replaced with Figma, rather than using two tools in parallel, Sketch and Zepilin. Initially, it was a bit cumbersome to move all the existing design resources to the new tool, but Figma quickly settled in, making it easier to build a design system utilizing Figma's library features. It inspired me to set a personal goal of learning the tool in my future OKR. Updated features at the time, such as Auto Layout, were studied through OKR and shared with the team.
Needs for a system and effective tools for reliable maintenance of the service.
Some images for this project are sourced from:
Some images for this project are sourced from:
Here are some other projects.
Here are some other projects.
