RENEWAL PROJECT 기획자 : 정은 미.

Presentation on theme: "RENEWAL PROJECT 기획자 : 정은 미."— Presentation transcript:

1 RENEWAL PROJECT 기획자 : 정은 미

2 01. 소개 02. 요구사항 03. 요구 분석 04. 타겟 분석 05. 벤치마킹 06. 리뉴얼 컨셉 07. 레이아웃
목차

3 01 세이브 더 칠드런 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 전 세계의 빈곤아동을 돕는 국제 기 구
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 01 세이브 더 칠드런 전 세계의 빈곤아동을 돕는 국제 기 구 1919년 영국에서 설립됐으며 교육 과 보건, 경제적 지원을 통해 아동 의 권리를 보호하고자 하는 취지를 목표로 함 2015 세이브더칠드런 활동 지역 4대 핵심과제 1. 보건.영양 2. 교육 3. 아동보호 아동권리 실현  빨간색-> 세이브더칠드런 인터내셔널, 남색-> 세이브더칠드런 코리아 * 2015년 세이브더칠드런 연차보고서

4 02 클라이언트 요구사항 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 02 클라이언트 요구사항 신규후원자들도 보고 쉽게 이해할 수 있게 후원가이드를 만들어주세요. 세이브 더 칠드런에 대한 후원 소개가 미흡합니다. 어떤 일을 하는지 알고싶습니다. 정기후원자들을 위한 새로운 소식을 받고싶어요. 중복되어 있는 캠페인이 너무 많습니다. 가장 중점으로 하는 캠페인 중심으로 보여주세요.

5 03 요구분석 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 03 요구분석 후원가이드 텍스트 앞에 아이콘을 같이 배치하여 사용자의 이해를 돕는다. 세이브 더 칠드런에 대한 후원 소개와 주요 사업을 메인에 게시한다. 정기후원을 받고 있는 아이들의 모습을 갤러리로 추가하고 공지사항 등을 구성한다. 중복되어 있는 캠페인을 하나로 통합하여 빅비주얼 컨텐츠에 보여준다.

6 텍스트와 아이콘을 활용하여 후원 컨텐츠를 마련한다
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 04 타겟분석 타겟 이용목적 메인타겟 캠페인에 관심이 많은 20~30대 캠페인 , 후원하기 정보 서브타겟 지속적으로 기부하고 있는 40대 자료실, 연차보고서,기부현황 등 확인 연령대가 20~40대로 다양하나 대부분이 20대에 분포, 지속적으로 후원을 희망하는 것이 이용목적 텍스트와 아이콘을 활용하여 후원 컨텐츠를 마련한다

7 04 타겟분석_페르소나 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 SUB TARGET MAIN TARGET
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 04 타겟분석_페르소나 MAIN TARGET SUB TARGET 주로 후원에 대한 내용보다 캠페인 홍보가 주가 되어 후원에 대한 컨텐츠 부족. 서브타겟에 대한 메뉴도 안내 필요 박신혜(27) – 직장인 후원을 하고 싶어 방문했 지만 후원 가이드가 잘 이 해가 되지 않았고 후원 종 류에 대해서도 명시가 되 어있지 않아 원하는 컨텐 츠를 찾기 힘들었다. 신하균(47) – 자선가 후원하고 있는 아이들의 소식 이나 후기에 대해 알고 싶어 방문했지만 캠페인 외에 다른 정보가 미흡하여 원하는 정보 를 찾는데 오랜 시간이 걸렸다.

8 05 벤치마킹 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 세이브 더 칠드런 – 자사 사이트 LAYOUT
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 05 벤치마킹 세이브 더 칠드런 – 자사 사이트 LAYOUT 비주얼을 강조한 스크롤형 레이아웃 COLOR FONT 나눔고딕 13pt

9 05 벤치마킹 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 세이브 더 칠드런 장점 빅비주얼에 메인 이미지 크게
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 05 벤치마킹 세이브 더 칠드런 장점 01 빅비주얼에 메인 이미지 크게 배치하여 시선 유도 02 썸네일 이미지를 활용하여 사용자의 편의성 향상

10 05 벤치마킹 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 세이브 더 칠드런_서브 장점
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 05 벤치마킹 세이브 더 칠드런_서브 장점 03 텍스트에 맞는 아이콘을 활용하여 생소한 단어에 대한 사용자의 이해를 도움 보기 편한 후원자 가이드 캡쳐 이미지로 쉽게 이해 가능 04

11 05 벤치마킹 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 세이브 더 칠드런 단점 컨텐츠의 맞지 않는 그룹핑
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 05 벤치마킹 세이브 더 칠드런 단점 01 컨텐츠의 맞지 않는 그룹핑 -> Sol: 컨텐츠에 성격에 맞는 그룹핑 02 메인과 서브의 다른 GNB 레이아웃 -> Sol: GNB의 레이아웃을 서브 페이지 GNB로 통일

12 05 벤치마킹 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 세이브 더 칠드런 단점
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 05 벤치마킹 03 썸네일 이미지와 하단 캠페인의 중복 -> Sol: 중복되는 캠페인 컨텐츠를 빅비주얼 위치로 변경 세이브 더 칠드런 단점 04 하단 컨텐츠의 맞지 않는 레이아웃 -> Sol: 공지사항의 여백을 동영상의 여백과 맞춰 불완전한 느낌을 줄임 05 하단 SNS 배너의 과도한 크기 차지 -> Sol: 푸터에 아이콘으로 배치

13 05 벤치마킹 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 라이프 오브 더 칠드런 – 타사 사이트 LAYOUT
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 05 벤치마킹 라이프 오브 더 칠드런 – 타사 사이트 LAYOUT 중요 컨텐츠에 따라 사이즈가 다른 카드형 레이아 웃 COLOR FONT 나눔고딕 13pt

14 05 벤치마킹 정리 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 라이프 오브 더 칠드런 장점
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 05 벤치마킹 정리 라이프 오브 더 칠드런 장점 01 카드형 레이아웃으로 중점적인 컨텐츠부터 노출 03 캠페인 이미지에 맞는 픽토그램을 넣어 사용자의 이해를 쉽게 한다. 02 캠페인 이미지에 맞는 손글씨를 넣어 따뜻한 느낌 연출

15 05 벤치마킹 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 라이프 오브 더 칠드런 단점
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 05 벤치마킹 라이프 오브 더 칠드런 단점 01 GNB 오버시 가독성 낮은 폰트 -> Sol: 폰트의 굵기를 더 진하게하여 가독성 높임 02 통일성 없는 컬러 -> Sol: 사이트의 메인 컬러로 통일하여 사이트의 통일성을 확립한다. 03 GNB를 마우스 오버 시 가독성 낮은 하단 메뉴 백그라운드 컬러 -> Sol: 회색대신 흰색으로 변경 하여 폰트 가독성을 높임

16 05 벤치마킹 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 더불어 함께 새희망 – 타사 사이트 LAYOUT
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 05 벤치마킹 더불어 함께 새희망 – 타사 사이트 LAYOUT 카드형 + 스토리가 있는 원페이지 레이아웃 COLOR FONT fontawesome 10pt

17 05 벤치마킹 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 더불어 함께 새희망 장점
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 05 벤치마킹 더불어 함께 새희망 장점 01 메인컬러와 서브컬러의 적절한 활용 02 컨텐츠 명과 설명의 폰트 크기를 다르게 하여 어떤 캠페인인지 쉽게 구분 가능 컨텐츠 성격에 맞는 그룹핑 03

18 05 벤치마킹 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 더불어 함께 새희망 단점 가독성이 떨어지는 텍스트
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 05 벤치마킹 더불어 함께 새희망 단점 01 가독성이 떨어지는 텍스트 ->Sol: 이미지에 블러효과를 줘 텍스트의 가독성을 높임 02 맞지 않는 간격,여백 -> Sol: 텍스트의 내용을 동일하게 노출시키고 간격을 맞춤

19 05 벤치마킹 정리 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 첫번째 - 라이프 오브 더 칠드런
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 05 벤치마킹 정리 첫번째 - 라이프 오브 더 칠드런 가장 중점적인 컨텐츠부터 노출 적절한 픽토그램의 활용으로 사용자 이해 도움 사이트 구성의 장점인 중점적인 컨텐츠 노출 과 픽토그램 활용을 모티브하여 벤치마킹 두번째 - 더불어 함께 새희망 메인컬러와 서브컬러의 적절한 활용 맞지 않는 간격, 정렬 지양 컨텐츠 성격에 맞는 그룹핑 컨텐츠 성격에 맞는 그룹핑과 컬러의 적절한 활용으로 전체적인 조화가 좋 음

20 06 리뉴얼 컨셉 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 가장 중점인 컨텐츠부터 노출시킴
소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃 06 리뉴얼 컨셉 가장 중점인 컨텐츠부터 노출시킴 후원 가이드를 각 성격에 맞는 픽토그램과 함께 배치 빅비주얼에는 캠페인, 후원 정보를 다루고 이미지 하단에는 갤러리,공지사항,뉴스 등을 재구성한 다. SNS를 간단한 아이콘 형식으로 푸터에 배치 COLOR #EE2D24 #615E5A FONT 맑은고딕체 가나다라마바 산돌네모L체 가나 다라마바 윤명조체 가나다라마바

21 소개 요구사항 요구분석 타겟분석 벤치마킹 리뉴얼컨셉 레이아웃
07 레이아웃 Main page

22 감사합니다.