Remain Cast

Info

ํ”„๋กœ์ ํŠธ
์ •๋ณด์™€ ๊ฐœ์š”

Period
20.03.30 ~ 21.07.28
Client
๋ฆฌ๋ฉ”์ธ Academy of Design
Role
UXUI Designer
UX Writer
ํŒ๋งค๊ตญ๊ฐ€, ์‚ฌ์šฉ์–ธ์–ด
South of Korea, Korean
Used Platform
Responsible Web
Service Type
Edu-tech Platform
Project Progress
01
UX๊ธฐํš
02
UI๋””์ž์ธ
03
๊ฐœ๋ฐœ ์ค‘
04
์ถœ์‹œ์™„๋ฃŒ
05
2์ฐจ ๊ฐœ์„ 
06
๊ฐœ์„ ์™„๋ฃŒ
Process A to Z

๊ธฐํš๋ถ€ํ„ฐ ์ถœ์‹œ๊นŒ์ง€
ํ”„๋กœ์ ํŠธ ์ง„ํ–‰๊ณผ์ •

overview

ํ”„๋กœ์ ํŠธ๋ฅผ
์‹œ์ž‘ํ•œ ์ด์œ ๋Š”?

ํด๋ผ์ด์–ธํŠธ ๋ฆฌ๋ฉ”์ธ, ๋””์ž์ธ ์ „๋ฌธ ์•„์นด๋ฐ๋ฏธ์˜ ์ƒˆ๋กœ์šด ์˜จ๋ผ์ธ ๊ต์œก ํ”Œ๋žซํผ ๊ตฌ์ถ• ์š”์ฒญ

  • ์ฝ”๋กœ๋‚˜ 19๋“ฑ ์ฃผ๋ณ€ ํ™˜๊ฒฝ์— ์˜ํ–ฅ์„ ์‰ฝ๊ฒŒ ๋ฐ›๋Š” ์˜คํ”„๋ผ์ธ ํด๋ž˜์Šค์˜ ์ „ํ™˜์ ์ด ํ•„์š”ํ•จ

  • ๊ธฐ์กด์— ์กด์žฌํ•˜๋˜ ์˜คํ”„๋ผ์ธ ํด๋ž˜์Šค์—์„œ ์˜ˆ์Šต, ๋ณต์Šต์šฉ์œผ๋กœ ์ด์–ด์ง€๋Š” ์˜จ๋ผ์ธ ํ”Œ๋žซํผ์— ๋Œ€ํ•œ ๋‹ˆ์ฆˆ๊ฐ€ ์กด์žฌํ•จ


Discover

๊ฒฝ์Ÿ์‚ฌ ๋ถ„์„๊ณผ
๋ธŒ๋žœ๋“œ ํฌ์ง€์…”๋‹

1. ์ฃผ์š” ๊ฒฝ์Ÿ์‚ฌ

์ด๋ฏธ ๋ ˆ๋“œ์˜ค์…˜์ธ ์˜คํ”„๋ผ์ธ ๊ต์œก ์‹œ์žฅ๊ณผ ๋‹ฌ๋ฆฌ ์˜จ๋ผ์ธ ๊ต์œก ์‹œ์žฅ์€ ๋งŽ์€ ๊ฐ€๋Šฅ์„ฑ์ด ์—ด๋ ค์žˆ๋Š” ๋น„์ฆˆ๋‹ˆ์Šค ๋ฌด๋Œ€์ž…๋‹ˆ๋‹ค. ์‹œ๊ฐ„๊ณผ ์žฅ์†Œ์˜ ์ œํ•œ์ด ์—†๊ธฐ ๋•Œ๋ฌธ์— ํ”Œ๋žซํผ์„ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ๋„ โ€˜์ „๋ฌธ์„ฑ์„ ํ‚ค์šฐ๊ธฐ ์œ„ํ•ด์„œโ€™๋ผ๋Š” ๊ต์œก์  ์ธก๋ฉด์— โ€˜์ž๊ธฐ๊ณ„๋ฐœ์„ ์œ„ํ•ด์„œโ€™๋ผ๋Š” ์ทจ๋ฏธ ์ธก๋ฉด๊นŒ์ง€ ๋‹ค์–‘ํ•ด์กŒ์Šต๋‹ˆ๋‹ค. ์ „๋ฌธ์„ฑ๊ณผ ๊ฐ€๊ฒฉ๋Œ€๋ฅผ ์ค‘์‹ฌ์œผ๋กœ, ์ฃผ์š” ์˜จ๋ผ์ธ ๊ต์œก ๊ฒฝ์Ÿ์‚ฌ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

2. ์„ ๋ฐœ ์ฃผ์ž๋กœ ์˜จ๋ผ์ธ ํด๋ž˜์Šค๋ฅผ ์šด์˜ ์ค‘์ธ ๊ฒฝ์Ÿ์‚ฌ์—์„œ ์ฐพ์€ 3๊ฐ€์ง€ ๋ฌธ์ œ์ 

  • ์ผ๋ฐ˜์ธ์„ ์ฃผ ํƒ€๊ฒŸ์œผ๋กœ ํด๋ž˜์Šค๊ฐ€ ๋งŒ๋“ค์–ด์ ธ, ๋ถ„์•ผ์˜ ์‹ค๋ฌด ์—ญ๋Ÿ‰(Skill Up) ํ–ฅ์ƒ์—๋Š” ๋„์›€์ด ๋˜์ง€ ์•Š๋Š”๋‹ค.

  • ๋‚œ์ด๋„์™€ ์„ฑ๊ฒฉ์ด ๋น„์Šทํ•œ ์ปจํ…์ธ ๊ฐ€ ์ค‘๋ณต ํŒ๋งค๋˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ๊ณ , ์ปจํ…์ธ ์˜ ํ๋ ˆ์ดํŒ…์ด ๋˜์–ด์žˆ์ง€ ์•Š์•„, ๋งฅ๋ฝ์—†์ด ํด๋ž˜์Šค๊ฐ€ ์ œ๊ณต๋œ๋‹ค.

  • ์ปจํ…์ธ ๊ฐ„์˜ ์—ฐ๊ณ„์„ฑ์ด ๋ถ€์กฑํ•ด ์Šคํ‚ฌ์—…์„ ์œ„ํ•œ ์‹ฌํ™” ํด๋ž˜์Šค๊ฐ€ ๋”ฐ๋กœ ๋งˆ๋ จ๋˜์–ด ์žˆ์ง€ ์•Š๋‹ค.


Define

๋ฌธ์ œ์ •์˜๋ฅผ ํ†ตํ•œ
๋ธŒ๋žœ๋”ฉ์ „๋žต ๋„์ถœ


Develop

ํ”„๋กœ์ ํŠธ๋ฅผ
์–ด๋–ป๊ฒŒ ์ง„ํ–‰ํ•ด๊ฐ”๋Š”์ง€

๊ธฐํš๋‹จ๊ณ„

1. ์‚ฌ์ดํŠธ๋งต ๊ตฌ์กฐ ์ •๋ฆฌ

์‚ฌ์ดํŠธ๋งต ์ •์˜์„œ๋ฅผ ์ œ์ž‘ํ•˜๋ฉฐ, GNB/SNB, ์ฃผ์š” ํŽ˜์ด์ง€์˜ ๊ตฌ์กฐ๋ฅผ ์ •๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค.

GNB,SNB ์‚ฌ์ดํŠธ๋งต ๋งˆ์ดํŽ˜์ด์ง€ ์‚ฌ์ดํŠธ๋งต Admin ์‚ฌ์ดํŠธ๋งต ํฌ๋ฆฌ์—์ดํ„ฐ ์‚ฌ์ดํŠธ๋งต

2. ์ƒ์„ธ๊ฐœ๋ฐœ ์š”์ฒญ์„œ ์ œ์ž‘

์‚ฌ์ดํŠธ๋งต ์ •์˜ ํ›„, ์‹ค์ œ ํ™”๋ฉด ๊ฐœ๋ฐœ์„ ์œ„ํ•ด ์ƒ์„ธ ๊ฐœ๋ฐœ ์š”์ฒญ ๋ฌธ์„œ๋ฅผ ํ•จ๊ป˜ ์ œ์ž‘, ๊ฐœ๋ฐœ์‚ฌ์— ์ „๋‹ฌํ–ˆ์Šต๋‹ˆ๋‹ค.

  • IA(Information Architecture) ์ œ์ž‘

  • ํ™ˆ IA
  • ํ™”๋ฉด ์„ค๊ณ„์„œ(์™€์ด์–ดํ”„๋ ˆ์ž„)๊ณผ ๊ธฐ๋Šฅ ์š”์ฒญ์„œ ์ œ์ž‘

๐Ÿ“ ์ด ๊ณผ์ •์—์„œ ๋‚˜์˜จ ์งˆ๋ฌธ๋“ค

๊ธฐํš ๊ณผ์ • ์ค‘, ๋– ์˜ฌ๋ž๋˜ ์งˆ๋ฌธ๋“ค๊ณผ ๋ฏธ์…˜ ๋ฆฌ์ŠคํŠธ์ž…๋‹ˆ๋‹ค. ํ•„์š”์™€ ๊ธด๊ธ‰ํ•œ ์ •๋„์— ๋”ฐ๋ผ 1์ฐจ ๊ฐœ๋ฐœ์— ๋ฐ˜์˜๋๊ฑฐ๋‚˜, ์„œ๋น„์Šค์˜ 2์ฐจ ๊ฐœ์„  ๊ณผ์ •์—์„œ ์ง‘์ค‘์ ์œผ๋กœ ๋‹ค๋ค„์งˆ ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.

  • ๊ฒ€์ƒ‰์„ ์‰ฝ๊ฒŒ ๋งŒ๋“œ๋Š” UX/UI ๋””์ž์ธ์€?

  • ๊ฒฐ์ œ์œจ์„ ๋†’์ผ ์ˆ˜ ์žˆ๋Š” ์žฅ๋ฐ”๊ตฌ๋‹ˆ UX ๋””์ž์ธ์€?

  • ๊ฐ ์ปจํ…์ธ  ํด๋ž˜์Šค ์‚ฌ์ด์˜ ์ˆ˜๊ฐ•์ƒ ์ „ํ™˜์œจ์„ ๋†’์ด๋ ค๋ฉด ์–ด๋–ค ํ•ด๊ฒฐ์ฑ…์ด ํ•„์š”ํ• ๊นŒ?

  • ์ ์  ๋Š˜์–ด๊ฐ€๋Š” ํด๋ž˜์Šค ์นดํ…Œ๊ณ ๋ฆฌ๋ฅผ ์–ด๋–ป๊ฒŒ ์ •๋ฆฌํ•  ์ˆ˜ ์žˆ์„๊นŒ? ํ™•์žฅ์„ ๋Œ€๋น„ํ•˜๋ ค๋ฉด ์–ด๋–ค UI ๋””์ž์ธ์ด ํ•„์š”ํ• ๊นŒ?

  • UI์— ์‚ฌ์šฉ๋˜๋Š” ํ…์ŠคํŠธ๋“ค์˜ ์–ด์กฐ๋ฅผ ํ†ต์ผํ•  ์ˆ˜ ์—†์„๊นŒ?

  • ํด๋ž˜์Šค ์ƒ์„ธ ์†Œ๊ฐœ ํŽ˜์ด์ง€์˜ ๊ธ€์„ ๊ฐ€์ด๋“œ๋กœ ์ •๋ฆฌํ•  ์ˆ˜ ์—†์„๊นŒ?

Deliver

ํ”„๋กœ์ ํŠธ๋Š” ์–ด๋–ค
์†”๋ฃจ์…˜์œผ๋กœ ๋„์ถœ๋๋Š”์ง€

๋””์ž์ธ๋‹จ๊ณ„

1. UI Viaual Language

๋น„์ฅฌ์–ผ ๊ฐ€์ด๋“œ ๋ผ์ธ์„ ์ •ํ•ด ๋””์ž์ธ ์ž‘์—…์—์„œ๋„ ๋ฆฌ๋ฉ”์ธ์บ์ŠคํŠธ๊ฐ€ ์ถ”๊ตฌํ•˜๊ณ ์ž ํ•˜๋Š” ๋น„์ „์„ ๊ฐ€์ ธ๊ฐ”์Šต๋‹ˆ๋‹ค. ์ „๋ฌธ์„ฑ, ๋ฏธ๋‹ˆ๋ฉ€๋ฆฌ์ฆ˜, ์นœ๊ทผํ•จ๊ณผ ํ˜„๋Œ€์ ์ธ ๋ฌด๋“œ๋ฅผ ๋””์ž์ธ์— ๋…น์—ฌ๋ƒˆ์Šต๋‹ˆ๋‹ค.

2. Responsive Web

๋น„์ฅฌ์–ผ ๊ฐ€์ด๋“œ ๋ผ์ธ์„ ์ •ํ•ด ๋””์ž์ธ ์ž‘์—…์—์„œ๋„ ๋ฆฌ๋ฉ”์ธ์บ์ŠคํŠธ๊ฐ€ ์ถ”๊ตฌํ•˜๊ณ ์ž ํ•˜๋Š” ๋น„์ „์„ ๊ฐ€์ ธ๊ฐ”์Šต๋‹ˆ๋‹ค. ์ „๋ฌธ์„ฑ, ๋ฏธ๋‹ˆ๋ฉ€๋ฆฌ์ฆ˜, ์นœ๊ทผํ•จ๊ณผ ํ˜„๋Œ€์ ์ธ ๋ฌด๋“œ๋ฅผ ๋””์ž์ธ์— ๋…น์—ฌ๋ƒˆ์Šต๋‹ˆ๋‹ค.

2. ์„ ๋ฐœ ์ฃผ์ž๋กœ ์˜จ๋ผ์ธ ํด๋ž˜์Šค๋ฅผ ์šด์˜ ์ค‘์ธ ๊ฒฝ์Ÿ์‚ฌ์—์„œ ์ฐพ์€ 3๊ฐ€์ง€ ๋ฌธ์ œ์ 

  • ์ผ๋ฐ˜์ธ์„ ์ฃผ ํƒ€๊ฒŸ์œผ๋กœ ํด๋ž˜์Šค๊ฐ€ ๋งŒ๋“ค์–ด์ ธ, ๋ถ„์•ผ์˜ ์‹ค๋ฌด ์—ญ๋Ÿ‰(Skill Up) ํ–ฅ์ƒ์—๋Š” ๋„์›€์ด ๋˜์ง€ ์•Š๋Š”๋‹ค.

  • ๋‚œ์ด๋„์™€ ์„ฑ๊ฒฉ์ด ๋น„์Šทํ•œ ์ปจํ…์ธ ๊ฐ€ ์ค‘๋ณต ํŒ๋งค๋˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ๊ณ , ์ปจํ…์ธ ์˜ ํ๋ ˆ์ดํŒ…์ด ๋˜์–ด์žˆ์ง€ ์•Š์•„, ๋งฅ๋ฝ์—†์ด ํด๋ž˜์Šค๊ฐ€ ์ œ๊ณต๋œ๋‹ค.

  • ์ปจํ…์ธ ๊ฐ„์˜ ์—ฐ๊ณ„์„ฑ์ด ๋ถ€์กฑํ•ด ์Šคํ‚ฌ์—…์„ ์œ„ํ•œ ์‹ฌํ™” ํด๋ž˜์Šค๊ฐ€ ๋”ฐ๋กœ ๋งˆ๋ จ๋˜์–ด ์žˆ์ง€ ์•Š๋‹ค.


Results

ํ”„๋กœ์ ํŠธ
๊ฒฐ๊ณผ์™€ ๋ฐฐ์šด ์ 

1. Outputs

๋‚ด์šฉ์ถ”๊ฐ€

2. Outcomes

๋‚ด์šฉ์ถ”๊ฐ€

3. Impacts

๋‚ด์šฉ์ถ”๊ฐ€

Browse other projects

expand_less
expand_more