🐨CoalaCoding
Docs▾
JavaScriptReactHTML & CSSBackendAI & LLMDev ToolsCreative
B반1
👾숏츠
🙉B반2
게시판
🐨CoalaCoding

디지털 크리에이터를 위한 한국어 기술 문서

문서

  • JavaScript
  • React
  • HTML & CSS
  • Backend
  • AI & LLM
  • Dev Tools
  • Creative

커뮤니티

  • 게시판
  • 예제 모음

기타

  • 관리자

정책

  • 소개
  • 개인정보처리방침
  • 이용약관
  • 연락처
© 2026 CoalaCoding. All rights reserved.
  • 1. 디지털 콘텐츠 기획의 이해
  • 2. 벤치마킹 보고서 만들기
  • 3. 디자인 방향성 정의하기
  • 4. 정보구조도 설계하기
  • 5. 와이어프레임·스토리보드 만들기
  • 6. 디자인 마감하고 웹으로 구현하기
  1. 홈
  2. 문서
  3. Creative
  4. UXUI

UXUI

제목설명
1. 디지털 콘텐츠 기획의 이해기획의 필요성부터 기획의 의미·목적, 디지털 콘텐츠 산업, 기획 프로세스 7단계, 기획자의 역할과 능력을 설명한다.
2. 벤치마킹 보고서 만들기벤치마킹이 왜 필요한지(환경 분석·차별화)를 알고, 배포된 양식으로 웹사이트 한 곳을 6개 항목으로 살펴 보고서 1건을 만든다.
3. 디자인 방향성 정의하기벤치마킹에서 찾은 차별화를 콘셉트 한 문장과 톤&매너로 옮겨, 만들 사이트의 디자인 방향성 시트 1건을 만든다.
4. 정보구조도 설계하기사이트에 담을 내용을 카드소팅으로 묶고 메뉴 이름을 붙여, 홈 아래 대메뉴·하위 메뉴를 계층으로 그린 정보구조도 1건을 만든다.
5. 와이어프레임·스토리보드 만들기Google Stitch로 홈 화면을 생성해 Figma로 가져와 와이어프레임으로 정리하고, 화면 설계서(스토리보드) 1건을 만든다.
6. 디자인 마감하고 웹으로 구현하기와이어프레임에 톤&매너를 입혀 디자인을 마감하고, Stitch·Gemini로 반응형 웹 홈 화면 1개를 만든다.