(Kor)Project ADA Prototype
πŸ“ƒ

(Kor)Project ADA Prototype

Date
2018.03 - 2019.03
Type
Work

Product Design, iOS/Android

νŒ¨μ…˜μΈν…Œν¬κ°€ κ°œλ°œν•˜κ³  μžˆλŠ” Project ADA의 ν”„λ‘œν† νƒ€μž…μœΌλ‘œ μ œμž‘λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

Play the Fashion! Project ADAλŠ” λ°€λ ˆλ‹ˆμ–Όκ³Ό μ  μ§€μ„ΈλŒ€μ˜ λŸ­μ…”λ¦¬ νŒ¨μ…˜ 라이프λ₯Ό μœ„ν•œ νŒ¨μ…˜ν…Œν¬ λ©€ν‹°ν”Œλž«νΌ μ•±μœΌλ‘œμ„œ νŒ¨μ…˜, νŠΈλ Œλ“œ, μ†Œμ…œ λ„€νŠΈμ›Œν‚Ή, 저널, 이 컀머슀 λͺ¨λ‘ Project ADAμ•ˆμ— μ‘΄μž¬ν•©λ‹ˆλ‹€. (λ˜ν•œ 유λͺ… λŸ­μ…”λ¦¬ λΈŒλžœλ“œμ™€μ˜ μ½œλΌλ³΄λ ˆμ΄μ…˜ 계약을 μ²΄κ²°ν•˜μ—¬ ν˜‘μ—…μ€‘μž…λ‹ˆλ‹€.)

image

Overview & Role

이 ν”„λ‘œμ νŠΈλŠ” λ¦¬μ•‘νŠΈμ™€ μœ λ‹ˆν‹°λ‘œ μ œμž‘λ˜μ—ˆμŠ΅λ‹ˆλ‹€. ν”„λ‘œμ νŠΈμ˜ 싀무 인λ ₯은 ν”„λ‘ νŠΈ μ—”λ“œ 개발, μœ λ‹ˆν‹° 개발, μ„œλ²„ 개발, κ²Œμž„ 기획, μ†Œμ…œ 기획, λ””μžμΈ, 3D μ•„νŠΈ, QA둜 κ΅¬μ„±λ˜μ–΄ 총 53λͺ…이 μž‘μ—…ν–ˆκ³ , κ·Έ 쀑 μ €λŠ” μ „λ°˜μ μΈ λ””μžμΈμ„ λ‹΄λ‹Ήν•˜μ˜€μŠ΅λ‹ˆλ‹€. λ””μžμΈμ—λ§Œ 역할이 ν•œμ •λ˜μ§€ μ•Šκ³  기획 λ―ΈνŒ…μ— μ°Έμ—¬ν•˜μ—¬ 아이디어 및 기획 μ œμ•ˆλ„ κΎΈμ€€νžˆ ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

λͺ…ν’ˆ λΈŒλžœλ“œλ“€μ˜ μš”μ²­κ³Ό μ œμ•ˆμ„ 기초둜 ν•˜μ—¬ λ§Žμ€ λΉ„μ£Όμ–Ό 레퍼런슀λ₯Ό μ°Έκ³ ν•˜μ˜€μŠ΅λ‹ˆλ‹€. λ‹€μ–‘ν•œ κΈ°λŠ₯이 μ‘΄μž¬ν•˜λŠ” 만큼 νŠΉμ • λΆ„μ•Όκ°€ μ•„λ‹Œ κ΄‘λ²”μœ„ν•œ λΆ„μ•Όμ˜ 레퍼런슀λ₯Ό μ„œμΉ˜ν•˜μ˜€κ³ , κ·Έ κ³Όμ •μ—μ„œ 얻은 μ˜κ°μ„ 베이슀둜 컨셉 λ¬΄λ“œλ³΄λ“œλ₯Ό 기반으둜 ν•˜μ—¬ λŒ€λž΅μ μΈ μ™€μ΄μ–΄ν”„λ ˆμž„κ³Ό μ„œλΉ„μŠ€μ˜ 화면을 λ§Œλ“€μ–΄λ‚˜κ°€κΈ° μ‹œμž‘ν–ˆμŠ΅λ‹ˆλ‹€.

뿐만 μ•„λ‹ˆλΌ Sketch Library ν™œμš©μ€ λ¬Όλ‘ , ν™”λ©΄ 내에 적용된 심볼과 μ»΄ν¬λ„ŒνŠΈλ“€μ„ μ •λ¦¬ν•˜μ—¬ ADA Design System을 μ •λ¦½ν•˜μ—¬ μ—…λ¬΄μ˜ 생산성과 속도λ₯Ό λ†’μ˜€μŠ΅λ‹ˆλ‹€.

μ €λŠ” Sketch와 Protopieλ₯Ό μ€‘μ‹¬μœΌλ‘œ λ‹€μ–‘ν•œ νˆ΄μ„ μ‚¬μš©ν•΄λ³΄λ©° UX/UI/GUI λ””μžμΈ 전체λ₯Ό μž‘μ—…ν–ˆκ³ , 개발 λ‹¨κ³„μ—μ„œλŠ” Zeplin을 ν™œμš©ν•˜μ—¬ λ””μžμΈμ„ μ „λ‹¬ν•˜μ˜€μœΌλ©°, μž‘μ—…λ¬Ό λ²„μ „κ΄€λ¦¬λŠ” Abstractλ₯Ό μ΄μš©ν–ˆμŠ΅λ‹ˆλ‹€.

Goal

μ„Έλ ¨λ˜κ³  κΉ”λ”ν•˜λ©°, μŠ€νƒ€μΌλ¦¬μ‹œν•œ λŸ­μ…”λ¦¬ νŒ¨μ…˜ μ†Œμ…œμ•±μ„ λͺ©ν‘œλ‘œ ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

Visual Keyword

  • Cool Chic
  • Luxurious
  • Minimal
  • Clear

image
image
image
image
image

image
image
image

Design Process

image
image
image
image
image

Retrospective & Lessons Learned

ADA의 λͺ¨λ“  것듀을 λ””μžμΈν•˜λŠ” 과정은 무척 μ‹ λ‚˜κ³  μ¦κ±°μ› μŠ΅λ‹ˆλ‹€. ADAλŠ” νŒ¨μ…˜κ³Ό μ†Œμ…œ λ„€νŠΈμ›Œν‚Ή, 저널링, 이 컀머슀, 개인 μ·¨ν–₯ 뢄석에 κΈ°λ°˜ν•œ μΆ”μ²œ λ“± λ§Žμ€ μ’…λ₯˜μ˜ μŠ€νŽ™νŠΈλŸΌμ„ 가지고 μžˆμ—ˆμœΌλ―€λ‘œ ADAλ₯Ό μž‘μ—…ν•˜λŠ” 과정은 μ €μ—κ²Œ μžˆμ–΄ 큰 λ„μ „μ΄μ—ˆκ³ , μ—¬νƒœκ» μ œκ°€ λ””μžμΈν•œ μ—¬λŸ¬ μž‘μ—… μ€‘μ—μ„œλ„ 손꼽을 수 μžˆλŠ” μ–΄λ €μš΄ ν›ˆλ ¨μ΄κΈ°λ„ ν–ˆμŠ΅λ‹ˆλ‹€.

κ·ΈλŸ¬λ‚˜ ν”„λ‘œμ νŠΈμ— νˆ¬μž…λ˜μ–΄ μž‘μ—…ν•œ 지 일 년이 지났을 λ•Œ, ADAλŠ” κΈ°μ‘΄ κ³„νšκ³ΌλŠ” λ‹€λ₯΄κ²Œ μ„œλΉ„μŠ€μ˜ 성격과 포맷, λ°©ν–₯이 λ°”λ€Œκ²Œ λ˜μ—ˆκ³ , 그와 λ™μ‹œμ— μ €μ—κ²ŒλŠ” κ±΄κ°•μƒμ˜ λ¬Έμ œκ°€ 생기며 λ°˜λ“œμ‹œ νœ΄μ‹μ΄ ν•„μš”ν•œ 상황이 λ˜μ—ˆμŠ΅λ‹ˆλ‹€. 그런 이유둜 일 년여에 걸친 μ €μ˜ ADA λ””μžμΈ μž‘μ—…μ€ μ’…λ£Œλ˜μ—ˆκ³ , 1μ°¨ ν”„λ‘œν† νƒ€μž…μœΌλ‘œλ§Œ λ‚¨κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

μ΄λŸ¬ν•œ 결과에 μŠ¬ν”„κ³  μ‹€λ§μŠ€λŸ½κΈ°λ„ ν–ˆμ§€λ§Œ 그만큼 λ§Žμ€ 것듀을 얻을 수 있던 κ²½ν—˜μ΄λΌ κ°μ‚¬ν•©λ‹ˆλ‹€.Β μ €λŠ” ADAλ₯Ό λ””μžμΈν•˜λŠ” κ³Όμ •μ—μ„œ λͺ¨λ“  ν™”λ©΄κ³Ό κΈ°λŠ₯듀이 각각의 λ…νŠΉν•œ λ³Όλ₯¨μ„ κ°€μ§„λ‹€λŠ” 것을 깨달을 수 μžˆμ—ˆκ³ , ν™”λ©΄ μ•ˆμ˜ 쑰화와 κ· ν˜•μ„ μ„¬μ„Έν•˜κ²Œ μ‘°μ ˆν•˜λŠ” 법을 λ°°μ› μŠ΅λ‹ˆλ‹€. μž‘μ—…μ„ 끝낸 지 일 년이 μ§€λ‚œ μ§€κΈˆ, ADA μž‘μ—…μ„ λ‹€μ‹œ λŒμ΄μΌœλ³΄μ•˜μŠ΅λ‹ˆλ‹€. μž‘μ—… μ „λ°˜μ μœΌλ‘œ λ””μžμΈμ  관점에 훨씬 μΉ˜μ€‘λœ 것을 λ’€λŠ¦κ²Œ λ°œκ²¬ν•  수 μžˆμ—ˆκ³ , 만일 이 ν”„λ‘œμ νŠΈλ₯Ό λ‹€μ‹œ λ””μžμΈ ν•  수 μžˆλ‹€λ©΄ κ·Έλ•ŒλŠ” μ’€ 더 μœ μ €μ˜ κ΄€μ μœΌλ‘œ μž‘μ—…ν•  μ˜ˆμ •μž…λ‹ˆλ‹€.

image

image