Skip to main content
데브파이브
Top navigation: ONGLE (logo) · Service introduction | Inquiry · Experience · (dark mode)
Hero
It's easier to get information with the ongle
Tab: Exhibition commentary | Publicity letter | Notice | System · Policy | Daily Life | Specialized field
Text Comparison (Original ↔ Easy)
the original text
The retirement preparation support service means services such as diagnosis, counseling, education, connection with related institutions, and follow-up management provided for the proper preparation of the people for retirement in each field, such as finance, health, leisure, and interpersonal relations, according to Article 2 of the Old Age Preparation Support Act.
In accordance with Articles 5 and 10 of the Old Age Preparation Support Act, the National Pension Service currently establishes a central old age preparation center and a regional old age preparation center and provides the service.
an easy piece of writing
Retirement preparation support service is a service that helps you stay well even when you get older. It examines various fields such as money, health, leisure, and human relationships, and helps you with counseling, education, and institutional connection. You can get this service at the National Pension Service's retirement preparation center.
(‹ › left and right slide control)
Ongle

This project was delivered to promote SoSoHanSotong’s “Easy Information Conversion” service and build a web page where users can experience the service directly. We implemented a real-time demo flow—from original text input to side-by-side comparison with the converted result—so users can understand the value of the service intuitively.


We applied accessibility-first UX/UI design for users who need improved information access, including older adults and people with disabilities. Accessibility factors such as color contrast, structural accessibility, and responsive UI were reinforced to a public-sector level. We also designed a brand-driven landing experience that reflects SoSoHanSotong’s service philosophy and identity, clearly communicating why the service is needed and how it can be used.

Production Period2025. 09 - 2025. 11
ClientOngle
TechnologiesReact.js, TypeScript, Vite
Service
Preview
Top navigation: ONGLE (logo) · Service introduction | Contact · ▶ Experience · (dark mode)
Top tab
Easy Information Transformation Service | Easy Information Web Access Service
Transducer Experience
The easy information conversion service is a service that changes text easily.
Put the text you want to change into the converter below.
Topic tab: Text | Text | Text | Text | Text | Text
the original text
Temperatures will rise on Wednesday next week from Thursday, with maximum body temperature rising to 31 degrees Celsius or higher during the daytime, especially in the western regions. Some places in the southern part of the country will see heavy rain until early morning. The Korea Meteorological Administration (KMA) said the lowest temperature in the morning is expected to be 1,522 degrees Celsius and the highest temperature in the daytime is expected to be 2,732 degrees Celsius. Temperatures will likely be higher than average (1,521 degrees Celsius, and 2,528 degrees Celsius).

Due to the cold and dry air, the special heat wave warning has been lifted except for the coast of Jeju Island, but there will be hot places on the 10th, with the maximum body temperature rising to around 31 degrees around the west. There may be places where tropical nights appear around Jeju Island.
0/2000 · Change ⇄
Easy information transformation
This is where you'll see an easy information conversion.
Press the conversion button to check for easy information conversion.
*Sample screen for experience. (Repeat)
Use it like this
1. Choose what you want to change easily and change it.
Click the six topics at the top of the "Original Text" window to see different texts. Choose the text you want to easily change, and then click the "Change" button. The "Easy Text" window will show the easily changed text.
Sample screen (tap): Terminology description | Guidance and promotion | Document/Form | Daily Information ›
Original text — Statutory interest rate
The highest interest rate that a bank or a company that lends money can receive when lending money is set by law.
The reason for doing this is to prevent individuals or companies from failing to pay back money because of too high interest rates.
2. Trim your writing to suit the feeling you want.
If you click the "Change" button, you'll get an easy text, and is there anything else you want to change underneath it? A window will appear. Tap on several options, and change it to the one that's most appropriate for you to see and use.
Sample screen (optional): 137 characters in total
Is there anything else you want to change?
- Amount of information: ● Basic / ○ Simple / ○ Detailed
- Speech: ● Basic / ○ Hadache / ○ Hadache
- How to view: ● Basic / ○ More viewable
3. Ask an easy intelligence expert for supervision
When users request easy writing review, experts will review the content according to the purpose of use and suggest improvement directions.
*The experience screen above does not currently support this feature.
Sample screen: The feature is being prepared.
Footer
warm
- 08513 Digital-ro 178, Geumcheon-gu, Seoul, Public Gasan A-dong 916
- 02-2676-3974 · soso@sosocomm.com
- Copyright 2025 ⓒ소소한소통, EQ4ALL all rights reserved.
- Personal Information Processing Policy | Small Communication | EQ4ALL
Hover over the screen!
Client Requirements
& Project Direction
Through client interviews and consultations we derived the project's core requirements, and based on those insights we designed it around five areas that needed improvement from user experience and brand perspectives.
1.
Enable users to intuitively experience the value of Easy Information Conversion by comparing original and converted text
2.
Apply public-sector-level accessible UX/UI for diverse users, including older adults, people with disabilities, and foreign users
3.
Provide consistent usability across all environments through PC, mobile, tablet optimization and cross-browser support
4.
Communicate the brand’s value of Easy Information through conversion examples and user guides
5.
Optimize user convenience with a simple structure centered on a single CTA and FAQ flow
Typography
& Color System
We established a systematic color system with brightness contrast that considers users' visual comfort, and designed easily extensible typography and shared components to deliver a consistent brand experience.Section: typo
Font: Not Sans KR
Weight scale: ExtraBold | Bold | Medium | Regular | Light
Sample: Aa
typography scale
Style Size Sample Text
h152px Easier to write around the world
Title 30px Makes writing all over the world easier
MainTap 22px Makes writing easier around the world
Caption 18px Easier to write around the worldSection: color
Main color
Name HEX
Primary	#4C3EF2
Primary Bg	#F4F5FF
Secondary	#5A6A85
Grayscale
HEX
#FFFFFF
(Bright Gray)
(Light Gray)
#7D7D7D
(Dark Gray)
(Navy Gray)
#000000Section: typo
Font: Not Sans KR
Weight scale: ExtraBold | Bold | Medium | Regular | Light
Sample: Aa
typography scale
Style Size Sample Text
h152px Easier to write around the world
Title 30px Makes writing all over the world easier
MainTap 22px Makes writing easier around the world
Caption 18px Easier to write around the worldSection: color
Main color
Name HEX
Primary	#4C3EF2
Primary Bg	#F4F5FF
Secondary	#5A6A85
Grayscale
HEX
#FFFFFF
(Bright Gray)
(Light Gray)
#7D7D7D
(Dark Gray)
(Navy Gray)
#000000
Typography
& Color System
We established a systematic color system with brightness contrast that considers users' visual comfort, and designed easily extensible typography and shared components to deliver a consistent brand experience.Section: typo
Font: Not Sans KR
Weight scale: ExtraBold | Bold | Medium | Regular | Light
Sample: Aa
typography scale
Style Size Sample Text
h152px Easier to write around the world
Title 30px Makes writing all over the world easier
MainTap 22px Makes writing easier around the world
Caption 18px Easier to write around the worldSection: color
Main color
Name HEX
Primary	#4C3EF2
Primary Bg	#F4F5FF
Secondary	#5A6A85
Grayscale
HEX
#FFFFFF
(Bright Gray)
(Light Gray)
#7D7D7D
(Dark Gray)
(Navy Gray)
#000000Section: typo
Font: Not Sans KR
Weight scale: ExtraBold | Bold | Medium | Regular | Light
Sample: Aa
typography scale
Style Size Sample Text
h152px Easier to write around the world
Title 30px Makes writing all over the world easier
MainTap 22px Makes writing easier around the world
Caption 18px Easier to write around the worldSection: color
Main color
Name HEX
Primary	#4C3EF2
Primary Bg	#F4F5FF
Secondary	#5A6A85
Grayscale
HEX
#FFFFFF
(Bright Gray)
(Light Gray)
#7D7D7D
(Dark Gray)
(Navy Gray)
#000000

Take the for your business,

All you need is an idea. From the first consultation to launch, DevFive is by your side.
Contact Us Now
Quick Inquiry