Software Used: Dreamweaver, Photoshop, Illustrator, Indesign
1. 리서치
UN의 14가지 지속가능한 개발 목표(Sustainable development goals 14) 중 하나인 물 밑의 삶(Life below water)에 관련한 웹사이트의 목표, 관객에게 전달할 내용, 문제 내용, 관객이 직접 참여할 수 있는 활동 리서치
2. 스케치
모바일 사이즈 포트레이트 (세로)/ 랜드스케이프 (가로) 스케치
타블렛 사이즈 포트레이트 (세로)/ 랜드스케이프 (가로) 스케치
데스크탑 사이즈 스케치
3. 와이어프레임 스케치/ 픽셀 디자인
모바일 사이즈 포트레이트 (세로)/ 랜드스케이프 (가로) 와이어프레임
타블렛 사이즈 포트레이트 (세로)/ 랜드스케이프 (가로) 와이어프레임
데스크탑 사이즈 와이어프레임
4. 컨셉보드 제작
무드보드 제작/ 폰트 샘플, 컬러 팔레트 선정
5. 드림위버 이용 실제 웹사이트 제작
모바일 포트레이트(세로) 사이즈 실제 웹사이트 모습
모바일 랜드스케이프(가로) 사이즈 실제 웹사이트 모습
타블렛 포트레이트(세로) 사이즈 실제 웹사이트 모습
타블렛 랜드스케이프(가로) 사이즈 실제 웹사이트 모습
데스크탑 사이즈 실제 웹사이트 모습
위 웹사이트는 UN의 전 세계의 바다 자원의 지속가능한 개발 목표를 알리기 위한 것이다. 자원의 지속가능성 문제를 해결하기 위해서는 문제가 정확히 무엇인지, 이를 위해 사람들이 무엇을 할 수 있는지에 대한 정보를 올바르게 전달하는데 중요성이 크다. 이용자들은 해당 웹사이트를 통해 유엔의 14가지 지속가능발전 목표 중 하나인 'Life Below Water (물 밑의 삶)' 뿐만 아니라 해양관리, 기후변화, 해양오염, 경제적 이익 상실 등 해양과 관련한 전반적인 해양환경문제를 파악할 수 있다.웹사이트는 No water, No life. No blue, No green (물이 없으면 삶 또한 없고, 바다가 없다면, 숲 또한 없다.) 라는 강한 메인 카피라이트 문구를 내세워 해양자원의 책임 있는 이용의 중요성을 강조한다. 웹사이트 안의 모든 내용은 사람들이 환경적인 사실에 집중하도록 격려하고, 왜 우리 인류가 그것들을 신경 써야 하는지 이해할 수 있도록 돕는다.관객들이 지속적으로 해당 이슈에 대해 관심을 가지고 행동 할 수 있도록 액션 참여 란을 만들어 이메일을 기재하고 전송해 유엔의 뉴스레터를 받아 볼 수 있도록 유도한다. 바다의 직접적 상징 색인 푸른색을 주로 사용해 주제를 직관적으로 와닿을 수 있도록 의도했다.
참고 링크 목록
https://sustainabledevelopment.un.org/topics/oceanandseas
https://sustainabledevelopment.un.org/topics/sids
https://sustainabledevelopment.un.org/topics/sustainabletourism
https://oceanconference.un.org
https://www.un.org/sustainabledevelopment/oceans/
https://www.ewb.ca/en/hello2030/life-below-water/
https://www.un.org/sustainabledevelopment/wp-content/uploads/2018/09/14.pdf https://www.un.org/sustainabledevelopment/wp-content/uploads/2019/07/E_Infographic_14.pdf
'Web Design' 카테고리의 다른 글
웹사이트 리디자인: Elizabeth Fry Society (0) | 2020.07.07 |
---|