DecisionLab

IPCC 국제반려동물문화원

Web Planning & Direction

IPCC International Pet Culture Center
Platform Renewal

Client IPCC (국제반려동물문화원)
Role Project Manager, UX/UI Planning
Period 2024.01 - 2024.04 (3 Months)
Tech Stack Figma, Photoshop, HTML5/CSS3

Part 1. Strategy & Planning

반려동물 산업의 폭발적인 성장 이면에는 '신뢰'에 대한 소비자의 갈증이 존재했습니다. 저는 IPCC 프로젝트를 기획하며 단순한 협회 소개 사이트가 아닌, 투명한 운영과 생명 존중 문화를 선도하는 '데이터 기반의 신뢰 플랫폼'으로 포지셔닝했습니다. 사용자가 웹사이트에 방문했을 때 감성적인 소구와 이성적인 데이터가 조화를 이루도록 설계하는 것이 이번 프로젝트의 핵심 과제였습니다.

Marketing Point: Radical Transparency

기존 비영리/반려동물 단체들이 감성에만 호소하던 관행을 탈피했습니다. '투명 경영 대시보드'를 메인 페이지 중앙에 배치하여 후원금 사용 내역과 사업 추진 현황을 그래프로 시각화했습니다. 이는 사용자에게 '우리는 숨길 것이 없다'는 강력한 메시지를 전달하며, 전문가 양성 과정에 대한 신뢰도를 확보하는 전략적 장치로 기능합니다.

Concept: Life & Trust

디자인 컨셉은 '생명의 따뜻함'과 '시스템의 견고함'을 동시에 담아내는 것이었습니다. 따뜻한 이미지를 통해 진입 장벽을 낮추되, 콘텐츠의 배열은 그리드 시스템을 철저히 준수하여 전문성을 강조했습니다.

Part 2. Information Architecture

사용자의 시선 흐름을 고려하여 '감성적 공감'에서 '이성적 설득'으로 이어지는 내러티브 구조를 설계했습니다.

UX Flow Strategy

Main Visual Brand Philosophy
(Emotional Hook)
Core Business Services &
Consulting
Dashboard Data Visualization
(Trust Building)
Education Expert Course
Conversion

Part 3. Visual & UI Design

Color & Typography

  • Primary Green (#00A651): 생명, 성장, 안전을 상징하며 브랜드의 핵심 아이덴티티를 표현합니다.
  • Dark Charcoal (#1A1A1A): 텍스트 및 푸터 배경에 사용하여 무게감과 가독성을 확보했습니다.
  • White (#FFFFFF): 충분한 여백(Negative Space)으로 활용하여 콘텐츠의 집중도를 높였습니다.

Detail View

메인 비주얼에서는 사용자가 브랜드 메시지를 직관적으로 이해할 수 있도록 풀스크린 이미지를 활용했으며, 대시보드 섹션에서는 원형 차트와 막대 그래프를 통해 정보의 직관성을 극대화했습니다. 카드는 둥근 모서리(Border-radius)를 적용하여 부드럽고 친근한 느낌을 줍니다.

Conclusion

이번 IPCC 프로젝트는 비영리 단체의 웹사이트가 가져야 할 '신뢰'라는 덕목을 시각적, 기능적으로 구현하는 데 집중했습니다. 결과적으로 사용자는 웹사이트를 통해 단체의 투명성을 확인하고, 자연스럽게 전문가 교육 과정으로 유입될 수 있는 구조를 완성했습니다. 이는 단순한 정보 전달을 넘어, 브랜드의 가치를 경험하게 하는 디지털 브랜딩의 성공적인 사례입니다.


IPCC 국제반려동물문화원 히어로섹션
 

연관글

연관 글