Coding Valley
BI & UI Renewal

PC 기반의 국내 코딩 교육 시장에서 벗어나 시공간의 제약 없이 모바일에서 학습과 실습을 통합하여 공부할 수 있는 모바일 코딩 교육서비스 ‘코딩밸리'. 왕초보부터 개발자 수준까지, 비전공자들도 쉽고 재미있게 코딩 공부를 할 수 있는 서비스로 스마트폰 친화적인 구성으로 언제 어디서나 틈틈이 코딩 학습이 가능한 서비스입니다.

Client : ULIFT

Main Home

앱의 홈 화면에서 스크롤하면 추가적인 뎁스 진입 없이
수강생에게 필요한 필수 정보들을

한 번에 볼 수 있도록 구성 하였습니다.

  애니메이션 배너

애니메이션 배너를 통해 동적인 앱 무드를 형성하였습니다.

  이용중인 멤버십 표시

현재 이용중인 멤버십 서비스를 안내하고 프리패스 멤버십 전환을 유도하도록 상단 배치하였습니다.

  인기 강의 추천

이 코스를 수강중인 프리패스 멤버 데이터를 함께 노출하여 프리패스권에 대한 관심도를 높여줍니다. 애니메이션 강의별 아이콘을 적용하여 시선을 유도합니다.

  인기 스태프 소개

학습자들에게 선호도가 높은 인기 강사를 소개합니다.

  학습 후기

실시간 오늘의 학습 후기를 노출하여 다른 수강생들과의 커뮤니티를 형성합니다.

  관련 아티클

코딩 학습에 도움을 줄 수 있는 새로운 강의 및 이벤트 등을 소개합니다.

The Best Way to Learn Code

코드의 빈칸을 아래 보기에서 골라 정답을 맞추게 합니다.
단계별로 짧은 퀘스트를 진행하여 게임하듯이
즐겁고 편안하게 코딩학습이 가능하도록 하였습니다.

Grow One Step Further

각 학습 코스 진입 화면에서는 강의 구성과 학습 목표 등
상세 내용을 담고있으며 강의실에 입장하면
상단의 프로그레스 바를 통해
나의 학습 진척도를 항상 확인할 수 있도록 하였습니다.

코스 안에는 영상 강의와 퀴즈, 실습이 각 카드로
구성되어있으며 수행시 진척도가 올라가고,
완료시 잠금이 해제되며 섹션의 컬러가 변경되어
나의 학습 진도를 직관적으로 나타냈고,
잠금 해제 시스템을 통해 게임 퀘스트 타입을 접목하여
학습 동기 부여를 돕도록 하였습니다.

Logo


Color
Scheme
Primary


RGB 116 116 116

#2C97E1 

Secondary


RGB 0 192 190

#00C0BE


Tertiary


RGB 0 30 46

#001E2E

White


RGB 255 255 255

#FFFFFF

Typo
⎯graphy

BX Design by Studio Nuudee©2022 This artwork is the property of Studio Nuudee.
May not be reproduced or copied in any form unless consent is given.

Overview

PC 기반의 국내 코딩 교육 시장에서 벗어나 시공간의 제약 없이 모바일에서 학습과 실습을 통합하여 공부할 수 있는 모바일 코딩 교육서비스 ‘코딩밸리'. 
왕초보부터 개발자 수준까지, 비전공자들도 쉽고 재미있게 코딩 공부를 할 수 있는 서비스로 스마트폰 친화적인 구성으로 언제 어디서나 틈틈이 코딩 학습이 가능한 서비스입니다.



Client : ULIFT

Main Home

앱의 홈 화면에서 스크롤하면 추가적인 뎁스 진입 없이 수강생에게 필요한 필수 정보들을 한 번에 볼 수 있도록 구성하였습니다.

The Best Way
to Learn Code

코드의 빈칸을 아래 보기에서 골라 정답을 맞추게 합니다.

단계별로 짧은 퀘스트를 진행하여
게임하듯이 즐겁고 편안하게 코딩학습이 가능하도록 하였습니다.

Grow One Step Further

각 학습 코스 진입 화면에서는 강의 구성과 학습 목표 등 상세 내용을 담고있으며
강의실에 입장하면 상단의 프로그레스 바를 통해 나의 학습 진척도를 항상 확인할 수 있도록 하였습니다.
코스 안에는 영상 강의와 퀴즈, 실습이 각 카드로 구성되어있으며 수행시 진척도가 올라가고, 완료시 잠금이 해제되며 섹션의 컬러가 변경되어


나의 학습 진도를 직관적으로 나타냈고, 잠금 해제 시스템을 통해 게임 퀘스트 타입을 접목하여 학습 동기 부여를 돕도록 하였습니다.

Logo





Color Scheme

Primary

RGB

116 116 116


HEX Number

#2C97E1


Secondary

RGB

0 192 190


HEX Number

#00C0BE


Tertiary

RGB

0 30 46


HEX Number

#001E2E


White

RGB

255 255 255


HEX Number

#FFFFFF

Typography

BX Design by Studio Nuudee©2021 This artwork is the property of Studio Nuudee. May not be reproduced or copied in any form unless consent is given.

Studio Nuudee  |  스튜디오 누디

3F, 411, Ttukseom-ro, Seongdong-gu, Seoul

email    studionuudee@gmail.com
instagram  
@studionuudee


StudioNuudee | 스튜디오 누디

Branding, UX, Graphic Design and Communication



3F, 411, Ttukseom-ro, Seongdong-gu, Seoul

email    studionuudee@gmail.com
instagram  @studionuudee