PROPOSAL

재단의 첫인상을
선택 가능한 세 방향으로

같은 정보 구조, 서로 다른 시각 언어로 내부 검토와 후속 확장을 함께 준비합니다.

01. Analysis & Strategy

요구사항 분석과 핵심 디자인 전략

클라이언트 핵심 요구사항

PC 메인 시안 3종

장식 차이가 아닌 정보 위계와 감정의 우선순위가 다른 세 방향

따뜻함과 신뢰의 균형

재단의 공공성을 지키면서 사람과 현장의 온도를 자연스럽게 전달

편집 가능한 원본

내부 검토와 후속 고도화에 바로 이어지는 컴포넌트 중심 원본

핵심 역제안

같은 구조로 공정 비교

콘텐츠를 고정하고 시각 방향만 달리해 내부 판단의 기준을 선명하게 만듦

방문자 여정 우선

재단 소개에서 사업, 소식, 참여까지 첫 화면에서 자연스럽게 연결

후속 확장까지 설계

모바일과 전체 페이지로 이어질 수 있는 그리드와 디자인 규칙 정리

02. Strategic Deep-Dive

세 시안을 의사결정 도구로 만드는 방법

비교 가능한 세 시안

세 방향에 같은 콘텐츠와 메뉴 구조를 적용합니다. 따뜻한 신뢰형, 투명한 공공형, 참여 확장형의 차이가 정보 위계와 시선 흐름에서 분명히 드러나도록 설계합니다.

Expected Effect

취향이 아닌 공통 기준으로 방향 선택

신뢰를 만드는 위계

재단 소개, 핵심 사업, 공개 정보, 참여 안내를 방문자 관점으로 정돈합니다. 사진과 수치, 글의 비중을 조절해 친근함과 공공성이 서로 충돌하지 않게 합니다.

Expected Effect

5초 안에 재단의 성격과 활동 이해

고도화를 잇는 원본

색상과 글꼴, 여백, 카드, 단추를 컴포넌트와 변수로 정리합니다. 선택된 시안은 모바일과 하위 페이지로 확장할 수 있도록 원본 구조와 사용 규칙을 함께 전달합니다.

Expected Effect

후속 제작의 재작업과 인수인계 부담 감소

03. Implementation

선택과 확장을 돕는 디자인 제작 체계

방향 합의

콘텐츠 기준표 세 시안에 넣을 같은 정보와 우선순위 확정
방향 키워드 따뜻함·공공성·참여성의 판단 기준 정의

화면 구성

12열 그리드 PC 메인 시안의 정돈된 정보 배치
콘텐츠 위계 소개·사업·소식·참여의 시선 흐름 설계

시각 체계

Figma 변수 색상·글꼴·여백의 일관된 관리
공통 컴포넌트 헤더·카드·단추를 재사용 가능한 구조로 제작

읽기 편한 화면

명도 대비 본문과 단추가 분명하게 읽히는 색상 조합
글자 위계 제목·본문·보조 정보의 안정적인 크기 차이

검토와 선택

클릭형 시안 세 방향을 같은 흐름으로 직접 비교
의견 기록 선택 근거와 보완 항목을 한곳에 정리

원본 전달

Figma 원본 편집 가능한 시안과 컴포넌트 전달
사용 안내 후속 페이지와 모바일 확장 기준 정리
04. Sequence

프로젝트의 성공을 완성하는
정교한 8단계 업무 프로세스

01

미팅

요구사항 청취 및 비즈니스 목표 상세 협의

02

계약 진행

상세 과업 범위 확정 및 공식 계약 체결

03

요구사항 재분석

개발 관점에서의 기술적 타당성 도출

04

기획/디자인

UI/UX 설계 및 시스템 아키텍처 상세 정의

05

클라이언트 컨펌

확정된 기획안에 대한 최종 리뷰 및 승인

06

개발

공유된 일정으로 투명한 집중 개발

07

테스트

단위/통합 테스트 및 버그 수정, 안정성 검증

08

배포

최종 운영 환경 배포 및 안정화 지원

05. Timeline

30일 안에서 완성하는 네 단계

Step 01

콘텐츠와 방향 합의

필수 메뉴와 메인 콘텐츠를 정리하고 세 시안의 판단 기준을 확정합니다.

Step 02

메인 시안 3종 제작

같은 정보 구조를 따뜻한 신뢰형, 투명한 공공형, 참여 확장형으로 구체화합니다.

Step 03

내부 검토와 보완

비교표와 의견을 바탕으로 선택 방향의 문구, 사진, 정보 위계를 정교화합니다.

Step 04

원본 정리와 전달

Figma 원본, 컴포넌트, 내보내기 기준, 후속 확장 안내를 함께 전달합니다.

06. Communication & Trust

외주의 불안함을 확신으로,
가장 투명한 파트너십을 약속합니다.

'답답함'이 없는 커뮤니케이션

클라이언트가 가장 힘들어하는 '소통의 부재'와 '진척도 확인 불가능'을 해결하기 위해, 모든 협업 과정을 시스템화했습니다.

진행 상황 실시간 공유
기획서부터 소스코드까지 일정과 이슈를 함께 봄
항시 연결되는 소통 채널
지연 없는 피드백과 투명한 이슈 관리
정기 데모 세션
상상 속의 결과물이 아닌, 돌아가는 시스템을 매주 확인

"우리는 단순한 외주사가 아닙니다.
성공을 위해 커뮤니케이션의 중요성
아는 팀입니다."

저희 제안이 마음에 드셨다면,
미팅에서 뵙기를 기대하겠습니다.

Thank You

Your Vision,
Our Mission.