네코스토리 랜딩페이지 포트폴리오
모두가 만족할 결과물을 제시해 드립니다.
we deliver outcomes that satisfy everyone.
- 네코스토리 랜딩페이지
- 개발분야 : Website(웹사이트) / Responsible website(반응형웹) / LandingPage(랜딩페이지)
[메인 화면 기획]
반려동물 입양 서비스 '네코스토리'의 따뜻하고 친근한 브랜드 이미지를 효과적으로 전달할 수 있도록,
강아지와 고양이의 실제 사진을 중심으로 한 원페이지 랜딩페이지를 기획했습니다.
브랜드 소개 → 분양 절차 → 아이들 소개 → 오시는 길로 이어지는 콘텐츠 흐름을 구성해,
방문자가 입양 정보를 확인하고 상담 및 매장 방문까지 자연스럽게 이어질 수 있도록 설계했습니다.
[메인 디자인]
파스텔 톤과 부드러운 크림 컬러를 기반으로 오렌지 포인트 컬러를 활용해,
반려동물 브랜드 특유의 따뜻하고 밝은 감성을 시각적으로 표현했습니다.
강아지와 고양이의 사진을 강조한 메인 비주얼과 둥근 카드형 레이아웃을 적용하고,
오렌지 컬러의 영문 소제목과 굵은 국문 타이포그래피를 통해 콘텐츠의 시각적 구분을 명확히 했습니다.
또한 일러스트 로고와 조화를 이루는 부드러운 디자인 요소를 활용해,
친근하면서도 신뢰감 있는 브랜드 이미지를 전달하도록 구성했습니다.
[콘텐츠 디자인]
분양 절차·입양 가족 혜택·반려동물 소개 등 주요 콘텐츠를 체계적으로 구성해,
처음 방문한 사용자도 입양 과정과 제공되는 서비스를 쉽게 이해할 수 있도록 설계했습니다.
4단계 분양 절차를 원형 아이콘과 번호로 시각화하고,
필수 용품 지원과 평생 의료비용 할인 등 입양 가족 혜택을 함께 배치해 사후관리 서비스의 특징을 강조했습니다.
또한 4열 그리드 기반의 반려동물 갤러리와 페이지 번호·더보기 기능을 적용해,
방문자가 다양한 강아지와 고양이의 정보를 편리하게 탐색할 수 있도록 구성했습니다.
심플한 UI, 따듯한
감성의 디자인
[웹사이트 UX/UI]
원페이지 구조와 상단 고정 앵커 내비게이션을 적용해,
방문자가 긴 스크롤 중에도 원하는 콘텐츠로 빠르게 이동할 수 있는 UX/UI를 구현했습니다.
모바일 환경에서는 분양 절차와 혜택을 세로형으로, 반려동물 갤러리를 2열로 재배치하고,
상세 안내·오시는 길 버튼을 터치하기 편리한 크기로 구성해 작은 화면에서도 사용성을 높였습니다.
또한 상단 전화 버튼과 인스타그램·전화 플로팅 버튼, 모바일 메뉴 내 상담 버튼을 배치해,
사용자가 어느 화면에서든 편리하게 문의할 수 있는 상담 접근성을 확보했습니다.
오시는 길 영역에는 주소·연락처·운영시간과 전화 문의 버튼을 함께 제공해,
정보 탐색부터 상담 및 실제 방문까지 자연스럽게 연결되는 사용자 경험을 구현했습니다.
