본문 바로가기
  • Gaminmint's HOME
Study/Web Design

웹디자인_프로젝트 브리프

by 感inmint 2021. 2. 4.
반응형

웹디자인_프로젝트 브리프

 

 

 

 

 

 

 

1. 프로젝트명(project名) : 개인포트폴리오

 

연구나 사업 또는 그 계획의 이름.

ex) OO 전자가 가전 신제품 개발 과정에서 사내용으로 부르는 프로젝트명을 일반 홍보 마케팅에 이용하기로 해 눈길을 끌고 있다.

출처_국어사전

 

 

 

 

2. 목적 : 사내 디자인 업무

 

 

 

 

3. 웹 사이트 이용자

  : 사내 사이트 방문자

  - 페르소나 작성 :  가상인물(이름, 성별, 나이, 취미, 특기, 직업, 수입, 태도, 개성, 라이프 스타일 등) 

 

 

 

 

4.컨셉

  a. 안정적인, 신뢰 있는

  b. 역동적인

  c. 여성적인

  d. 재미있는

  e. 귀여운

  f. 신비한

  g. 심플한

  h. 고급스러운

  i. 서정적인

  j. 클래식한

 k. 한국적인, 동양적인

 l. 복고적인

 m. 첨단의

 

concept [kάnsept] ① 개념 ② 직관적 대상 ③ 관념 ④ 구상(된 것)(notion) 
컨셉  뜻 '콘셉트(concept);어떤 대상의 이미지를 전달하기 위해 선택한 하나의 일관된 주장'의 비표준어 

출처_어학사전, 우리말샘

 

 

 

 

 

 

5. 컬러 선정하기

 

픽사베이 Pixabay_@Free-Photos

 

 a. 빨강 - 포인트 컬러로 활용

             고채도;충동구매/저채도;고급스럽고 여성적

 b. 주황 - 요식업 계열에서 많이 사용하는 컬러

 c. 노랑 - 아동 대상의 사이트

 d. 파랑 - 신비와 비전, 진취적, 합리적

 e. 초록 - 건강, 교육, 기업 PR 사이트

 f. 보라 - 여성, 타깃, 또는 예술 관련 사이트

 g. 분홍 - 어린 소녀들과 여성을 타깃으로 하는 사이트

 h. 검정 - 심플하고 모던, 무게감, 고급스러움

  i. 하양 - 심플하고 깨끗한 이미지, 배경색으로 많이 쓰임

 

 

 

 

 

 

 

 

6. 구축 일정 

항목 내용 소요 시간
홈페이지 설계 매체: PC, 스마트폰, 태블릿

저작물 형식 : HTML, PSD

수행조건 : ________________________

[해상도] PC - 1920*1080 기준
           태블릿 PC - 768*1024 기준
           스마트폰 - 360*640 기준

[컨텐츠] 100% 슬라이드 가운데 정렬

[정보설계] 사이트 메뉴와 
              메뉴에 대한 정보
ex) 3~4일, 5~7일
전체 메뉴 구조도    
구체적 내용    

 

 

 

 

 

 

 

 

6. 사이트맵

   

픽사베이 Pixabay_@fumingli

 

 

 사이트의 정보를 한눈에 검색하기 위한 시각적 콘텐츠 모형. 콘텐츠 테이블 형태로 되어 있고, 주 검색 자료를 향해서 점차 내려가는 계층형이 보통이다. 종류에는 전통적인 조직표 모형, 사이트 투시도와 같은 입체 모형, 부서별 선으로 연결된 인덱스 카드 모형 등이 있다.

출처_IT용어사전, 한국정보통신기술협회

 

 

 

 

7. 정보설계

   

스토리보드, 와이어프레임 

스토리 보드 [story board]

웹 사이트 구축시 각 화면의 구성 및 기능에 대해 설명해 놓은 자료를 의미하며, 시나리오의 표현이라고 할 수 있다. 스트리 보드에는 화면 이름, 화면의 구성 및 화면 설명에 대한 내용 등이 들어가며, 플로차트(flowchart) 멀티미디어 자료와 관련된 내용을 포함하도록 스토리 보드를 구성할 수 있다. 스토리 보드에는 나중에 웹 사이트 제작자가 이해하기 쉽도록 다른 화면과의 관계, 화면 내의 구성 요소들의 기능 등을 자세히 표현해야 한다.

출처_컴퓨터인터넷IT용어대사전, 2011. 1. 20., 전산용어사전편찬위원회
컴퓨터 정보용어대사전

 

 

 

 

 

8. 화면정의서

 

화면에 대한 정의, 디자인 가이드

반응형