SEAMOOD FULL OCEAN Hero Background

SEAMOOD FULL OCEAN

CLIENT
바다의기분
SERVICE
홈페이지
YEAR
2025
OVERVIEW
세컨드크루는 바다의기분이 가진 부드럽고 여유로운 감성과 휴식의 분위기를 바탕으로 웹사이트 전반을 일관된 디자인 시스템으로 구축했습니다. 폰트, 컬러, 아이콘, UI 컴포넌트를 체계적으로 정리하여 브랜드 톤을 유지하면서도 사용자 친화적인 경험을 제공했으며 PC와 MO 환경 모두에 최적화된 인터페이스로 다양한 사용자들이 쉽고 편리하게 접근할 수 있도록 설계했습니다.
바다의기분을 야경을 배경으로 바다의 기분의 철학을 담은 내용의 텍스트 이미지
바다의기분 웹사이트 메인 페이지 전체 이미지
Main
바다의기분을 담아낸 메인 페이지입니다. 통영의 감성 숙소로써 여유롭게 휴식을 즐기는 기분을 줄 수 있는 바다의기분만의 아름다운 공간과 배경을 중심으로 구성하였습니다. 장시간 화면을 바라보아도 피로감이 적도록 저채도 계열의 편안한 컬러 팔레트를 적용해 눈의 부담을 최소화했으며 부드러운 곡선과 여백감을 가진 타이포그래피를 선택해 전체적인 무드가 하나의 톤으로 이어지도록 맞췄습니다.
바다의기분 웹사이트 서브 페이지인 Story 페이지 전체 이미지
Story
바다의기분을 나타내는 운영 철학과 통영을 직접 발로 뛰며 모은 맛집, 명소 등 로컬 큐레이션 청소 보증금과 찾아 오시는 길에 대한 정보를 확인하기 쉽도록 정리한 페이지입니다.
바다의기분 웹사이트 서브 페이지인 Rooms 페이지 전체 이미지
Rooms
바다의기분의 4개의 호실을 페이지를 나누어 사진과 정보, 어메니티와 규정 등 사용자 분들이 필요로 하는 정보를 우선 순위에 맞게 나열해 보여줍니다. 필수로 보여질 정보들은 한눈에 확인할 수 있는 블록으로 구성하고 규정이나 안내사항과 같이 텍스트가 길고 사용자가 필요할때만 열람하면 되는 정보들은 아코디언 UI로 수납하는 방법을 선택했습니다.
바다의기분 웹사이트 서브 페이지인 Service 페이지 전체 이미지
Service
숙박 고객이 경험하게 되는 서비스들을 한곳에 모아 동선 중심으로 정리한 종합 안내 페이지로 구성했습니다. 실제 머무르는 시간의 흐름에 따라 콘텐츠를 석식 → 주류 → 조식 순으로 배치해 사용자가 어떤 서비스를 언제 이용할 수 있는지 자연스럽게 예측하도록 설계했습니다.
바다의기분의 프라이빗 풀장 이미지
LinktreeInstagramBlog