방문자의 첫인상과 내부 검토의 선택 과정을 실제 화면에 가깝게 미리 보여 드립니다.
스토리보드란?
스토리보드는 서비스의 화면을 실제 모습에 가깝게 미리 그려 보는 문서입니다. 방문자가 재단을 이해하는 흐름과 내부 검토자가 세 시안을 비교하고 원본을 전달받는 흐름을 함께 담았습니다.
마지막까지 보시면 생각하고 계신 재단 홈페이지의 모습과 선택 기준이 머릿속에 그려지실 것입니다.
첫인상에서 사업 이해와 참여 행동까지 자연스럽게 이어지는 흐름입니다.
재단의 성격과 핵심 메시지를 이해
주요 사업과 대상, 현황을 확인
수치와 공개 정보, 최근 소식을 읽음
행사와 공모, 후원 방법을 발견
관심 사업을 열고 다음 행동으로 이동
현장의 이야기를 가까이 전하고, 오래 이어질 변화를 함께 만듭니다.
현장 멘토와 함께 진로를 구체화하는 프로그램
9월 10일~10월 22일
9월 13일 마감
사람과 현장 이야기를 중심으로 재단의 온도와 신뢰를 함께 보여 주는 메인 화면입니다. 제안서의 따뜻한 신뢰형 방향을 실제 정보 구조로 증명합니다.
큰 현장 사진 자리와 핵심 메시지 뒤에 사업 수치, 프로그램, 최근 소식을 이어 방문자가 재단을 이해하고 다음 행동을 선택하게 합니다.
핵심 사업, 공개 자료, 최근 소식을 빠르고 분명하게 안내합니다.
현장 멘토와 함께 진로를 구체화하는 프로그램
9월 10일~10월 22일
9월 13일 마감
사업 범위와 공개 정보를 빠르게 읽도록 정돈한 메인 화면입니다. 재단의 공공성과 투명성을 정보 위계로 증명합니다.
정돈된 그리드와 수치 요약, 공지 목록을 중심에 두고 같은 콘텐츠를 더 명확한 탐색 구조로 제공합니다.
지원 사업과 행사, 후원 소식을 발견하고 바로 참여할 수 있습니다.
현장 멘토와 함께 진로를 구체화하는 프로그램
9월 10일~10월 22일
9월 13일 마감
방문자의 관심을 행사, 공모, 후원과 같은 참여 행동으로 연결하는 메인 화면입니다. 친근함이 실제 행동으로 이어지는 구조를 증명합니다.
참여 단추와 일정 상태를 선명하게 드러내고 사업·소식·참여가 한 화면에서 이어지도록 구성합니다.
공통 기준으로 방향을 선택하고 후속 고도화까지 준비하는 흐름입니다.
같은 콘텐츠의 세 방향을 확인
따뜻함·신뢰·친근함·확장성 평가
선택 근거와 보완 항목을 확정
컴포넌트와 스타일 규칙 확인
원본과 확장 안내를 함께 인계
같은 콘텐츠와 정보 구조를 사용해 시각 방향의 차이에 집중합니다.
같은 콘텐츠와 정보 구조를 사용한 세 방향을 공통 기준으로 나란히 비교하는 화면입니다. 내부 검토가 취향이 아니라 근거 중심으로 이루어지게 합니다.
따뜻함, 신뢰, 친근함, 확장성을 같은 척도로 표시하고 추천·검토·보완 상태를 구분해 선택 근거를 남깁니다.
사람과 현장 이야기를 중심으로 신뢰를 만드는 방향입니다.
우선 선택된 시안의 큰 미리보기와 점수, 보완 항목을 함께 확인하는 화면입니다. 선택 방향을 왜 고르는지 설명 가능하게 만듭니다.
시각 미리보기와 평가 근거를 나란히 두고 확정·보완·대기 항목과 다음 검토 일정을 연결합니다.
화면만 넘기지 않고 컴포넌트와 규칙, 내보내기 기준을 함께 전달합니다.
Figma 원본, 컴포넌트, 시안, 내보내기 기준을 한눈에 확인하는 전달 화면입니다. 후속 고도화가 가능한 원본 구조를 증명합니다.
파일 구조와 전달 체크 목록에 완료·검토중·대기 상태를 붙여 빠진 항목 없이 원본과 사용 규칙을 인계합니다.