본문 바로가기
데브파이브
신조어 사전 — 모바일 앱 목업
화면: 책상 위 스마트폰에 표시된 신조어 사전 앱
상태바: 12:30 · 50%
헤더 (레드 배경)
- 캐릭터: 오리 마스코트 (SG)
- 사용자: 홍길동
- 타이틀: 신조어 사전
- 검색창: 지못미 🔍
신조어 CHECK!
- 나의 MZ력은?
- 캐릭터: 안경 쓴 마스코트
- 퀴즈로 확인해보기 > SG
하단
- 마스코트 아이콘: 오늘의 신조어는?
서강대학교 공식 산학 협력

본 프로젝트는 한국어를 학습하는 외국인들이 현대 한국어의 신조어를 체계적으로 학습할 수 있는 앱/웹 서비스의 UI/UX 설계 및 제작을 전담한 디자인 중심의 개발 프로젝트입니다.


기존 전통적인 한국어 학습 자료들이 빠르게 변화하는 현대 한국어의 신조어를 충분히 다루지 못해 외국인 학습자들이 실제 한국인들이 사용하는 최신 언어 표현을 이해하는 데 어려움을 겪고 있는 상황에서, 신조어에 특화된 학습 플랫폼의 완성도 높은 사용자 인터페이스 구축이 요구되었습니다. 단어의 정의, 예문, 유래, 비슷한 표현 등을 포함한 체계적인 신조어 정보 제공을 위한 직관적 UI 설계와 사용자 맞춤형 검색 및 추천 기능을 위한 사용자 친화적 인터페이스 구현이 핵심 요구사항으로 제시되었습니다.


또한 외국인 사용자의 언어적 장벽을 최소화하기 위한 시각 중심의 UI/UX 설계, 다국어 지원 가능성을 고려한 유연한 인터페이스 구조 구축, 실제 외국인 테스트 사용자 피드백을 반영한 지속적 UI 개선 프로세스 적용이 중요한 설계 원칙으로 요구되었으며, 이를 통해 학습자가 능동적으로 참여하고 즐겁게 학습할 수 있는 환경 조성이 최종 목표로 설정되었습니다.


이러한 요구사항에 대응하여 포괄적 UI 설계 및 제작, 사용자 친화적 기능 구현, 시각 중심 UI 구성, 체계적 피드백 기반 개선, 프로젝트 총괄 관리를 통해 외국인 한국어 학습자들이 효과적으로 활용할 수 있는 완성도 높은 신조어 학습 플랫폼 UI/UX를 완성했습니다.

제작 기간2024. 01 - 2024. 12
고객사서강대학교
사용 기술Next.js, Devup-ui, TypeScript
서비스
미리보기
신조어 사전 — 모바일 앱 3화면
상태바 (공통): 12:30 · 50%
화면 1 — 홈 / 검색
헤더 (레드): 오리 마스코트(SG) · 홍길동 · 신조어 사전 · 검색창「지못미」🔍
신조어 CHECK!
- 나의 MZ력은?
- 퀴즈로 확인해보기 > SG
대화
- 오늘의 신조어는?
- 지못미 Ji-Mot-Me — "지켜주지 못해서 미안해"의 준말이다. (홍길동)
하단 버튼: 밈 저장소 바로가기
화면 2 — 신조어 CHECK 퀴즈
헤더 (레드): 뒤로 · 홍길동 · 같이 풀어보는 신조어 CHECK · 마스코트(SG)
안내: 밑줄 친 부분을 신조어로 바꿔보자!
진행: QUESTION 1 OF 6
문제 1. 오늘 저 선수 아주 「느낌이 좋아」!
- 느좋
- 너좋
- 낌좋
화면 3 — 정답 확인
헤더 (레드): 홍길동 · 신조어 CHECK 정답 확인 · 마스코트
결과
- (정답) 1. 오늘 저 선수 아주 느좋!
- (오답) 2. 너의 사진 지켜못! ▶ 지못미
- (정답) 3. ~~~
- (오답) 4. ~~~ ▶ 농협은행
- (정답) 5. ~~~
- (정답) 6. 나 잔액이 부족해서 오늘 버카충 할거야.
점수: 4/6 개
내 나이 확인하러 가기 >
화면에 마우스를 올려보세요!
고객 요구사항
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
외국인 학습자를 위한 접근성 높은 한국어 신조어 학습 플랫폼 구축
2.
정의·예문·유래·유사 표현을 담은 신조어 중심 콘텐츠 구조 설계
3.
자동완성 검색과 예문·유사 표현 보기 등 학습 보조 기능 구현
4.
일러스트·이모지·색상을 활용한 시각 중심 다국어 친화 UI 제공
5.
산학협력단 피드백을 반영한 3회 이상 개선으로 완성도와 신뢰성 강화
타이포 그래피
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.typo — 타이포그래피
폰트: Pretendard
웨이트: ExtraBold · Bold · SemiBold · Medium · Regular
대표 글자: Aa
텍스트 스타일
스타일	크기	샘플
h1	42px	같이 풀어보는 신조어 퀴즈
Title	18px	같이 풀어보는 신조어 퀴즈
Body	15px	같이 풀어보는 신조어 퀴즈
Caption	12px	같이 풀어보는 신조어 퀴즈color — 컬러 시스템
메인 컬러
라벨	HEX	스와치
Primary	#920D13	진한 빨강
Primary Bg	#FEF5F5	연한 핑크
Secondary	#849ED5 · #3F8B6C	블루 · 그린
그레이스케일 (7단계)
단계	HEX
최명부	#FFFFFF
중간	#AEB2BC
최암부	#1A1A1Atypo — 타이포그래피
폰트: Pretendard
웨이트: ExtraBold · Bold · SemiBold · Medium · Regular
대표 글자: Aa
텍스트 스타일
스타일	크기	샘플
h1	42px	같이 풀어보는 신조어 퀴즈
Title	18px	같이 풀어보는 신조어 퀴즈
Body	15px	같이 풀어보는 신조어 퀴즈
Caption	12px	같이 풀어보는 신조어 퀴즈color — 컬러 시스템
메인 컬러
라벨	HEX	스와치
Primary	#920D13	진한 빨강
Primary Bg	#FEF5F5	연한 핑크
Secondary	#849ED5 · #3F8B6C	블루 · 그린
그레이스케일 (7단계)
단계	HEX
최명부	#FFFFFF
중간	#AEB2BC
최암부	#1A1A1A
타이포 그래피
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.typo — 타이포그래피
폰트: Pretendard
웨이트: ExtraBold · Bold · SemiBold · Medium · Regular
대표 글자: Aa
텍스트 스타일
스타일	크기	샘플
h1	42px	같이 풀어보는 신조어 퀴즈
Title	18px	같이 풀어보는 신조어 퀴즈
Body	15px	같이 풀어보는 신조어 퀴즈
Caption	12px	같이 풀어보는 신조어 퀴즈color — 컬러 시스템
메인 컬러
라벨	HEX	스와치
Primary	#920D13	진한 빨강
Primary Bg	#FEF5F5	연한 핑크
Secondary	#849ED5 · #3F8B6C	블루 · 그린
그레이스케일 (7단계)
단계	HEX
최명부	#FFFFFF
중간	#AEB2BC
최암부	#1A1A1Atypo — 타이포그래피
폰트: Pretendard
웨이트: ExtraBold · Bold · SemiBold · Medium · Regular
대표 글자: Aa
텍스트 스타일
스타일	크기	샘플
h1	42px	같이 풀어보는 신조어 퀴즈
Title	18px	같이 풀어보는 신조어 퀴즈
Body	15px	같이 풀어보는 신조어 퀴즈
Caption	12px	같이 풀어보는 신조어 퀴즈color — 컬러 시스템
메인 컬러
라벨	HEX	스와치
Primary	#920D13	진한 빨강
Primary Bg	#FEF5F5	연한 핑크
Secondary	#849ED5 · #3F8B6C	블루 · 그린
그레이스케일 (7단계)
단계	HEX
최명부	#FFFFFF
중간	#AEB2BC
최암부	#1A1A1A

비즈니스의 ,

아이디어만 있어도 됩니다. 첫 상담부터 출시까지, 데브파이브가 함께합니다.
지금 문의하기
빠른 문의하기