본문 바로가기
데브파이브 로고
라온 스윙크래프트

라온피플의 AI 골프 솔루션 SwingCraft 웹사이트 고도화 프로젝트는 서비스의 UI/UX 품질 개선, 관리자 페이지 기능 확장, 웹 성능 및 운영 안정성 강화에 목적을 두고 수행되었습니다.

전체 페이지의 UI 구조 정리, 디자인 시스템 재정비, 반응형·퍼포먼스 최적화, 콘텐츠 관리 기능 강화 등을 통해 사용자 만족도와 운영 효율성을 동시에 향상시켰습니다.

이번 개선을 통해 SwingCraft는 AI 기반 골프 교육 플랫폼으로서의 전문성과 신뢰도를 강화하며, 향후 서비스 확장에 대한 기반을 마련했습니다.

제작 기간2025. 08 - 2025. 11
고객사라온 피플
사용 기술React.js, TypeScript, Vite
서비스
미리보기
web page image
화면에 마우스를 올려보세요!
고객 요구사항
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
페이지별로 흩어져 있던 UI 구조를 정리해 일관된 브랜드 경험 제공
2.
PC·모바일 환경 간 차이를 줄이고 어떤 기기에서도 자연스러운 사용성 확보
3.
배너, 프로그램, 영상 콘텐츠를 운영팀이 직접 관리할 수 있는 어드민 구조 개선
4.
성능 최적화와 GA4 분석 환경 구축으로 서비스 운영 품질 강화
5.
AI 골프 솔루션 브랜드에 맞는 전문적이고 신뢰감 있는 웹사이트 이미지 전달
타이포 그래피
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.타이포 그래피Color System타이포 그래피Color System
타이포 그래피
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.타이포 그래피Color System타이포 그래피Color System