1)엘리먼트 구조(태그 구조 설계)
2)무드보드 제작
본인이 선택한 병원 라면 떠오르는
단어, 감정, 색감, 디자인요소, 기능적 요소 등을
이미지와 단어(글자-타이포그라피), 등을 조합하여
하나의 그래프 형태로 보드에 그려낸 것
3)스타일가이드 제작
본인이 선택한 병원의 주요색상(주조색, 기조색, 강조색, 배경색 등),
(폰트, 글 꼴, 글자두께, 글자크기, 모양) 아이콘, 버튼, 도형, 로고,
레이아웃 등을 사이트에 넣을 것을 계획하여
표시해 놓은 문서
(*디자인 가이드와는 다르게 화면 구조도를 구성하여 놓고,
각 영역에 출력할 배경색, 글자색, 강조색,
글꼴, 글자두께, 글자크기, 글자 모양, 아이콘, 내용 등을 미리 약속 하여 표기)
3-1)주요 색상
3-2)폰트
3-3)아이콘
3-4)버튼
3-5)로고 및 도형/불릿
3-6)레이아웃
3-7)레이아웃의 클래스명과 아이디명 정리
4) 코딩규칙 가이드 제작
4-1)기본규칙
4-2)웹표준 및 웹 접근성 규칙
4-3)사용자 정의 규칙
4-4) 사용자 스타일 정의 규칙
4-5)인터렉션 규칙