본문 바로가기

Web Design

웹사이트 리디자인: Elizabeth Fry Society

Software Usde: Photoshop, Illustrator, Indesign


 

1. 자료조사/ 문제부분 파악

SWOT Analysis ( 강점, 기회, 약점, 위험 부분 파악) / Starburat (육하원칙 이용한 고객층과 웹사이트의 목적 파악) 방식 이용해 문제부분 파악과 컨셉 설정

 


 

2. 컨셉보드 제작

무드보드와 폰트 샘플, 컬러팔레트 제작과 선정


 

3. 와이어프레임 디자인


4. 문제부분 웹사이트 파악

리디자인 전 현재 웹사이트 모습


 

5. 문제부분 웹사이트 리디자인

홈페이지

 

 

네비게이션 Level 2 About 페이지

 

 

네비게이션 Level 3 상세링크 페이지


보라색은 국제적인 여성 상징 색이다. 보라색을 이용해 위 웹페이지가 여성을 위한 비영리 단체라는 강 한 첫임상을 심어주려 했다. 이 Elizabeth Fry 라는 자선단체가 여성 전과자들을 위한 사회 재활 단체라는 것을 모르는 사람이 방문하더라도, 지배적으로 사용된 하나의 색을 통해 이 단체가 여성단체라는 것을 곧바로 인식 할 수 있다. 긍적적이고 파워풀한 분위기를 위해 단체에서 직접 활동하고 있는 사람들의 이미지를 다수 사용해 관중들이 즐겁고 활기찬 감정에 집중 할 수 있도록 했다. 따뜻하고 채도가 높은 색들은 친근하고 밝은 감정을 생성하는데 몫을 한다. 홈페이지와 다르게 상세 페이지의 메인 이미지들은 듀오톤을 사용해 보다 더 메인 내용물에 집중 할 수 있도록 유도했고, 기부하기 버튼과 같은 보다 중요한 요소들은 보라색과 대비되는 노란색을 사용해 눈에 띄게 설정했다.

 

Elizabety Fry Society 링크: elizabethfrysask.org

'Web Design' 카테고리의 다른 글

웹 디자인: UN Sustainable Development: Life Below Water  (0) 2020.07.07