프로젝트 배경
진로 상담의 필요성과 진행 방식을 처음 방문한 학부모도 빠르게 이해하고 상담 문의까지 이어질 수 있는 안내 구조가 필요했습니다.
프로젝트 성과
학부모 중심 상담 정보 흐름 구축
고민 공감부터 상담 과정·프로그램·전문가·후기·FAQ·CTA까지 한 페이지에서 순서대로 확인할 수 있습니다.
핵심 기능
진행 단계
메시지·정보 구조·반응형 구현
2026.04
학부모 대상 핵심 메시지를 정의하고 프로그램·전문가·FAQ 중심 UI와 모바일 상담 흐름을 구현했습니다.
프로젝트 상세
디딤돌 진로컨설팅의 상담 가치를 학부모 관점에서 이해하기 쉽게 전달하도록 제작한 반응형 웹사이트입니다. 학부모의 고민에서 시작해 상담 과정, 프로그램, 전문가, 후기, FAQ, 상담 CTA로 이어지는 정보 흐름을 설계했습니다. Imweb 환경에 맞춰 HTML·CSS·JavaScript를 활용해 콘텐츠 영역과 상호작용 요소를 구성하고 데스크톱과 모바일에서 읽기 편한 레이아웃을 구현했습니다. 방문자가 상담 전 필







