피그마 기초

01. 주제 선정 배경

동부산CC는 부산·경남권을 대표하는 골프장 중 하나로, 대운산 자연경관과 Valley, Hill, Lake 코스를 보유하고 있는 프리미엄 골프클럽이다.

기존 홈페이지를 분석한 결과 예약 및 이용 안내 기능은 제공하고 있으나, 동부산CC만의 자연환경과 브랜드 가치를 충분히 전달하지 못하고 있으며 사용자가 골프장의 매력을 경험하기 전에 정보 탐색에 집중되는 구조를 가지고 있었다.

이에 본 프로젝트는 동부산CC의 강점인 자연경관, 사계절 풍경, 코스 특성을 효과적으로 전달하고 사용자가 브랜드 경험을 통해 자연스럽게 예약으로 이어질 수 있도록 UX/UI를 개선하는 것을 목표로 선정하였다.

02. 경쟁사 및 레퍼런스 분석
경쟁사 선정
해운대CC
스톤게이트CC
아시아드CC

부산·경남권 골프장 중 동부산CC와 유사한 고객층을 보유하고 있으며, 코스 구성과 예약 서비스, 브랜드 운영 측면에서 비교 분석이 가능하다.

벤치마킹 사이트
Genesis
Ananti Cove

골프장 사이트에 한정하지 않고 프리미엄 브랜드 사이트의 비주얼 구성, 정보 구조, 예약 유도 방식을 참고하여 브랜드 경험을 강화하고자 하였다.

03. 문제점 분석
브랜드 가치 전달 부족

동부산CC만의 자연환경과 코스 특징이 효과적으로 표현되지 못하고 있다.

사용자 경험 흐름 부족

사용자가 코스와 시설을 충분히 탐색하기 전에 정보 확인 위주로 이용하게 된다.

정보 구조의 복잡성

예약, 코스, 시설 정보가 분산되어 있어 원하는 정보를 빠르게 찾기 어렵다.

프리미엄 이미지 부족

고급 골프클럽에 맞는 브랜드 경험이 충분히 전달되지 않는다.

04. 개선 방향
브랜드 경험 강화

대운산 자연환경과 Valley · Hill · Lake 코스를 중심으로 콘텐츠를 재구성한다.

사용자 흐름 개선
자연 경험
↓
코스 탐색
↓
시설 확인
↓
예약

사용자가 자연스럽게 예약까지 이어질 수 있도록 설계한다.

IA 단순화

주요 정보를 빠르게 탐색할 수 있도록 메뉴 구조를 재구성한다.

프리미엄 UI 적용

제네시스와 아난티의 디자인 요소를 참고하여 여백, 타이포그래피, 비주얼 중심 레이아웃을 적용한다.

05. IA 구성
HOME

코스안내
├ Valley Course
├ Hill Course
└ Lake Course

예약안내
├ 예약방법
├ 이용요금
├ 취소규정
└ 실시간예약

클럽하우스
├ 레스토랑
├ 라운지
└ 부대시설

이용안내
├ 운영시간
├ 오시는길
└ 이용수칙

고객센터
├ 공지사항
├ FAQ
└ 문의하기
06. 디자인 컨셉
Nature Creates Prestige

자연이 빚어낸 품격

대운산의 자연경관과 Valley, Hill, Lake 코스를 중심으로 사용자가 자연을 경험하고 코스를 탐색한 뒤 예약으로 이어질 수 있도록 설계하였다.

디자인 키워드
Premium
Nature
Four Seasons
Reservation
Experience
컬러
Dark Green
Gold
White
디자인 방향
대형 비주얼
넓은 여백
간결한 타이포그래피
프리미엄 브랜드 경험
07. 퍼블리싱

본 프로젝트는 HTML, CSS, JavaScript를 활용하여 구현하였다.

메인페이지
Hero
About
Course
Four Seasons
Club House
Reservation
Footer
서브페이지
코스안내
예약안내
클럽하우스
적용 기술
Swiper
AOS
Hover Animation
Scroll Interaction

사용자가 자연스럽게 정보를 탐색하고 예약 페이지로 이동할 수 있도록 구현하였다.