사우스스프링스CC 홈페이지 리디자인

1) 포트폴리오 소개
• South Springs Country Club 홈페이지 UI/UX 리디자인
• 사용성, 접근성, 반응형 동작, 예약 기능 개선을 중심으로 전면 리디자인
• 골프장 운영사 요구사항과 디자인 시스템을 반영하여 브랜드 이미지와 사용자 경험을 강화

2) 작업 범위
[프론트엔드 디자인 개선]
• 색상 대비 최적화하여 가독성 향상
• 아이콘-only 버튼에 텍스트 추가, Hover 상태 시 색상 변경 및 시각적 피드백 적용
• 네비게이션(GNB) 개선: 상단 GNB 추가, 창 너비 축소 시 햄버거 메뉴로 전환
• 텍스트 및 레이아웃 수정: 줄바꿈 고정, 적절한 Breakpoint 설정으로 반응형 깨짐 문제 해결
• Hero 영역 개편: 풀스크린 이미지, 텍스트 계층 구조 재정비, UI 가시성 확보를 위한 하단 블러 추가

[UI 요소 리디자인]
• Hover 상태 개선: 예약 날짜 Hover 시와 선택 시 시각적으로 구분
• 아이콘/버튼 Hover 효과: Stroke·Fill 적용 및 인터랙션 강화
• 알림창 UI 개선: 여백 축소, '오늘 하루 그만 보기' 버튼 추가, 초기 로딩 시 버튼 가시성 개선, 이미지 Crop 문제 해결

[예약 기능 개선]
• 예약 가능 여부 표시: 티타임이 없는 날짜는 비활성화 또는 별도 표시
• 날짜별 티타임 UX 개선: 선택한 날짜와 티타임을 직관적으로 확인 가능하도록 UI 개편

[반응형·접근성 개선]
• 메뉴 레이아웃 깨짐 및 상단 여백 과다 문제 해결
• 태블릿·모바일 레이아웃 최적화, 컨텐츠 너비 조정으로 한 화면에서 더 많은 정보 제공

3) 주요 업무
• 기존 웹사이트 UI/UX 분석 및 개선 포인트 도출
• 색상·레이아웃·컴포넌트 스타일 변경을 통한 접근성 향상
• 예약·날씨 위젯 등 핵심 기능의 위치 및 인터랙션 재설계
• Figma 프로토타입과 실제 구현 간 차이 수정 지시
• Hover·반응형 동작·UI 가시성 문제 해결을 위한 디자인 가이드 제공

*스마트스코어라는 퍼블리셔와 협업하여, 개발적으로 가능한 범위 안에서 조율하며 디자인 작업을 진행했습니다.