LIVE PROJECT · 웹사이트 제작 사례
GAON-LAB연구를 이해로,
이해를 실행으로.
경제·경영·심리·사회·AI의 지식을
연구·해설·리포트·진단으로 연결한 플랫폼.
01 / WHY · 기획 의도
좋은 연구가, 다음 선택에 쓰이도록.
자신에게 필요한 자료를 찾고, 이해하고, 활용할 수 있도록 구성했습니다.
찾기
주제와 키워드로 필요한 자료에 접근
이해하기
제목과 요약으로 핵심부터 파악
활용하기
리포트·진단·의뢰 중 필요한 도움 선택
02 / FOR WHOM · 대상 독자
서로 다른 질문, 필요한 정보부터.
개인
“내 생활과 은퇴에 어떤 의미일까?”
쉬운 해설 · 생활·은퇴 자료
소규모 사업자
“우리 사업은 무엇부터 점검할까?”
실무 리포트 · 경영·AI 진단
기업·기관
“판단에 필요한 근거는 무엇일까?”
공개 연구 · 맞춤 조사 안내
03 / STRUCTURE · 콘텐츠 구조
이해에서 적용까지, 필요한 만큼.
여섯 메뉴를 세 가지 이용 목적으로 연결했습니다.
01
이해하기
변화를 읽는 근거
02
적용하기
내 상황에 대입하는 도구
03
의뢰하기
더 깊은 검토가 필요할 때
정해진 순서 없이, 지금 필요한 메뉴에서 시작할 수 있습니다.
04 / SCREEN BY SCREEN · 실제 화면
화면에서 확인하는 세 가지 설계.
01 / RESEARCH · 연구 탐색
필요한 연구를,
주제와 키워드로.
분야를 알고 있어도, 질문만 떠올라도. 필터와 검색을 나란히 두어 서로 다른 탐색의 출발점을 받아들입니다.
- 1분야 필터
관심 분야로 범위 좁히기
- 2키워드 검색
떠오른 질문으로 찾아보기
- 3핵심 요약
읽기 전에 관련성 판단하기
설계 이유 더 보기
생활 장면의 이미지는 주제에 관심을 갖게 하고, 제목과 요약은 읽을 이유를 설명합니다. 목록을 훑는 단계에서도 자료의 주제와 해석의 범위를 살펴볼 수 있습니다.
02 / REPORTS · 리포트 선택
이용 전에,
내용과 조건부터.
주제와 무료·유료 조건을 구분하고, 표지와 설명으로 자료의 성격을 보여줍니다.
- 1주제 분류
필요한 자료의 분야 확인
- 2이용 조건
무료·유료 여부 구분
- 3실제 표지
자료의 주제와 성격 파악
설계 이유 더 보기
표지는 관심을 끄는 역할을, 상세 안내는 대상 독자·구성·활용 방법을 설명하는 역할을 맡습니다. 무료 다운로드와 유료 자료의 외부 구매 경로도 구분해 안내합니다.
03 / DIAGNOSIS · 진단 안내
시작하기 전에,
과정과 범위를.
예상 시간과 진행 방식, 확인할 결과를 먼저 안내해 참여 전에 필요한 정보를 제공합니다.
- 1예상 시간
참여에 필요한 시간 확인
- 2진행 방식
질문과 패턴 확인의 흐름
- 3결과 안내
다음에 점검할 항목 이해
설계 이유 더 보기
진단은 자기 점검을 돕는 참고 자료입니다. 응답 패턴에 따라 먼저 살펴볼 항목을 안내하고, 추가 검토가 필요한 경우 프로그램의 범위를 확인하도록 연결합니다.
자료·가격·구성은 운영 업데이트에 따라 달라질 수 있습니다.
05 / DESIGN DETAILS · 디자인 원칙
읽히는 화면에는 이유가 있습니다.
GAON-LAB 운영 화면에서 살펴본 이미지·글자·여백의 역할입니다.
01
이미지는 맥락을
연구를 익숙한 생활 장면과 연결합니다.
02
글자는 읽는 순서를
핵심 메시지를 먼저, 설명을 그다음에.
03
여백은 정보의 구분을
필터와 목록의 경계를 분명하게 나눕니다.
START A PROJECT · 투데이미디어 웹사이트 제작
복잡한 전문성도,
명료한 웹사이트로.
브랜드의 강점을 정리하고,
방문자가 이해하고 선택할 수 있는 화면을 만듭니다.