정보 구조 설계로 완성한 컨퍼런스 홈페이지 [대한민국 코칭컨퍼런스 웹 구축 사례]

이번 프로젝트는 ‘제22회 대한민국 코칭컨퍼런스’ 홈페이지 구축으로 다양한 행사 정보와 프로그램을 사용자에게 명확하게 전달하는 것을 핵심 목표로 진행되었습니다. 단순한 홍보형 페이지가 아닌, 일정·참가 안내·세션 구성 등 다량의 정보를 효과적으로 전달해야 하는 컨퍼런스형 웹사이트의 특성을 고려하여 UI/UX 구조를 설계했습니다.

메인 페이지

해외 고객을 위한 첫 인상 설계, 신뢰를 완성하는 비주얼 랜딩

메인 비주얼 영역은 컨퍼런스의 핵심 메시지를 전달함과 동시에 사용자의 실제 행동으로 이어질 수 있도록 설계된 구조입니다.

‘AI와 휴머니즘’이라는 주제를 시각적으로 표현한 그래픽 요소를 통해 행사 성격을 직관적으로 전달하고 텍스트 정보를 함께 배치하여 첫 화면에서 핵심 내용을 빠르게 인지할 수 있도록 구성했습니다.

특히 우측 영역에 배치된 버튼형 메뉴 구조는 단순한 네비게이션을 넘어 사용자가 필요한 정보로 즉시 접근할 수 있도록 설계된 인터랙션 요소입니다.

참가신청, 행사안내, 프로그램 등 주요 기능을 시각적으로 분리하여 제공함으로써 탐색 과정을 최소화하고 사용자 선택 기반의 빠른 이동이 가능하도록 UX를 구성했습니다.

또한 정보 영역과 액션 영역을 좌우로 분리하여 시각적 균형을 유지하면서도 정보 인지와 행동 유도를 동시에 수행하는 구조로 설계되었으며 이를 통해 사용자는 별도의 탐색 과정 없이도 필요한 정보를 확인하고, 자연스럽게 다음 단계로 이동할 수 있는 흐름을 경험하게 됩니다.

복잡한 일정과 참가 정보를 직관적으로 풀어낸 반응형 UI 설계

해당 섹션은 컨퍼런스 특성상 다량의 정보를 포함하고 있는 참가 안내 및 행사 일정 영역을 효율적으로 전달하기 위해 설계되었습니다.

등록 기간, 참가 비용, 신청 방법 등 핵심 정보를 상단에 정리하여 사용자가 빠르게 필요한 내용을 파악할 수 있도록 구성하였으며 정보의 중요도에 따라 시각적 강조 요소를 적용해 가독성을 높였습니다.

특히 시간대별 프로그램과 세션 구성을 표 형태로 구조화하여 복잡한 일정을 한눈에 비교하고 이해할 수 있도록 설계하였습니다.

다수의 트랙과 세션이 동시에 진행되는 컨퍼런스 특성을 고려해, 정보 정렬과 그룹화를 통해 사용자 혼선을 최소화하는 데 집중했습니다.

또한 반응형 환경에서는 테이블 구조를 그대로 축소하는 방식이 아닌 터치 기반 슬라이드 UI로 전환하여 모바일 사용자도 각 세션 정보를 가로 스크롤 형태로 편리하게 탐색할 수 있도록 구현했습니다.

이를 통해 디바이스 환경에 관계없이 동일한 정보 경험을 유지하면서도 사용성 저하 없이 콘텐츠를 전달할 수 있도록 UX를 최적화했습니다.

이번 프로젝트는 단순한 행사 소개 페이지를 넘어 복잡한 정보 구조를 사용자 입장에서 얼마나 쉽게 전달할 수 있는지에 집중한 작업이었습니다.

다양한 일정과 참가 정보를 체계적으로 정리하고 디바이스 환경에 맞는 UI/UX를 설계함으로써 사용자 탐색 부담을 줄이고 정보 접근성을 높였습니다.

홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →