재외동포 대학생을 위한 NO.1 플랫폼,
OKFriends LMS 개발
BUILD
WEB / MOBILE
OKFriends
LMS 서비스 개발
- Client
- OKFriends
- Date
- 2022. 02 - 2022. 04
- Type
- LMS 서비스, React, 반응형 구축
Overview
OKFriends의 서비스 최상위 목적은 “안정적인 서버설계와 LMS강의 구매 극대화였습니다” 높은 트래픽 용량 및 해외 트래픽을 고려한 LMS 사이트 제작으로 안정적인 서버 설계를 목적으로 LMS 서비스를 개발하였습니다. 이뿐만아니라 홈페이지 흐름을 통해 폭발적인 강의 수강을 일으키기 위해 메인 페이지를 LMS + 랜딩 페이지 형식으로 설계하였습니다.
Goal
LMS 강의 구매 극대화
안정적인 서버 설계
UI/UX Strategy
소통하는 디자인
재외동포 대학생과 국내교류참가자를 위해 사용자의 입장을 이해하고 그들의 궁금증을 해결하고자
콘텐츠를 직관적으로 풀어냈습니다.
정돈된 레이아웃
신뢰감과 전문성을 전달하기 위해 도전적인 레아아웃을 적용하기 보다
정돈되고 수평적인 그리드를 사용하였습니다.
이탈률을 최소화하는 UX
히어로의 동적인 인터랙션과 스크롤에 따라 자연스럽게 움직이는 콘텐츠를 통해
이탈률을 최소화하였습니다.
OKFriends
Design System
둥글고 유동적인 형태의 고딕체를 사용하여 친근감을 높였습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Poppins
Noto Sans KR
Color System
2022 OKFriends Youth Camp
웅장함과 설렘을 주는 UI디자인
히어로섹션에 기업의 규모를 보여주는 실사 이미지를 배치시켜
온라인 모국연수에 대한 기대감과 설렘을 증폭시켰습니다.
OKFriends
Mobile Page
GREETINGS PAGE
재외동포 대학생들이 신뢰감을 갖고 연수를 들을 수
있도록 하는 인사말 페이지입니다.
‣ 인사말 페이지
ABOUT PAGE
재외동포 대학생들이 모여있는 사진과 연수목적을 기입하여
온라인 모국연수에 대한 호감을 자연스럽게 높이도록 하였습니다.
‣ 개요 페이지
TRAINING STORY PAGE
연수이야기 페이지에서는 홍보영상과 갤러리 사진을 통해
재외동포 대학생들의 관심을 극대화하였습니다.
‣ 연수이야기 페이지
OKFriends
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 편리한 사용자 경험을 주도록 완벽한 반응형 대응을 진행하였습니다.
