프로젝트 배경
기존 공공기관 홈페이지가 텍스트 위주의 단순 정보 전달에 치중되어 있어, 시민들에게 체육회의 비전과 에너지를 효과적으로 전달하기 어려움이 있었습니다.
서울시체육회가 시민 참여형 스포츠 문화 확산을 위해서는 브랜드 중심의 차별화된 웹사이트 경험이 필요했습니다.
이에 따라, 체육회 고유의 가치(“스포츠로 시민이 하나 된다”)를 역동적인 인터랙션, 3D 그래픽, 타이포그래피 애니메이션으로 구현하여, 방문자들이 단순 정보 탐색을 넘어 브랜드 경험을 체감할 수 있도록 기획되었습니다.
서울시체육회가 시민 참여형 스포츠 문화 확산을 위해서는 브랜드 중심의 차별화된 웹사이트 경험이 필요했습니다.
이에 따라, 체육회 고유의 가치(“스포츠로 시민이 하나 된다”)를 역동적인 인터랙션, 3D 그래픽, 타이포그래피 애니메이션으로 구현하여, 방문자들이 단순 정보 탐색을 넘어 브랜드 경험을 체감할 수 있도록 기획되었습니다.
프로젝트 성과
브랜딩 강화
서울시체육회의 핵심 메시지와 정체성을 시각적 인터랙션으로 구현하여, 홈페이지 자체가 브랜드 캠페인 역할을 수행
공공기관 홈페이지로서는 드물게 몰입형 인터랙티브 브랜딩 사이트라는 차별성을 확보
공공기관 홈페이지로서는 드물게 몰입형 인터랙티브 브랜딩 사이트라는 차별성을 확보
사용자 경험(UX) 개선
스크롤 기반 애니메이션과 반응형 구조를 적용해 시민들이 모바일·PC 어디서든 직관적이고 매끄러운 탐색 가능
기존 단순한 정보 전달 구조를 개선, 방문자가 콘텐츠를 탐색하면서 자연스럽게 체육회의 활동 알림
기존 단순한 정보 전달 구조를 개선, 방문자가 콘텐츠를 탐색하면서 자연스럽게 체육회의 활동 알림
참여율 상승
시민참여 프로그램 및 공지사항, 알림마당 페이지 접근성이 강화되어 실제 이용률 증가
브랜드 캠페인과 프로그램 신청이 자연스럽게 연결되며 참여 신청 건수 증가 효과
브랜드 캠페인과 프로그램 신청이 자연스럽게 연결되며 참여 신청 건수 증가 효과
핵심 기능

브랜딩 중심의 인터랙티브 메인 화면
대형 타이포그래피 애니메이션과 3D 오브젝트(큐브, 심볼 등)를 활용해 첫 화면부터 강렬한 브랜드 아이덴티티 전달
방문자의 마우스 스크롤, 움직임에 따라 반응하는 인터랙션 구현
방문자의 마우스 스크롤, 움직임에 따라 반응하는 인터랙션 구현

몰입형 사용자 경험(UX) 제공
스크롤링 시 배경 색상, 레이아웃, 텍스트가 동적으로 변하며 브랜드 메시지를 직관적으로 전달

3D/모션 그래픽 적용
스포츠와 역동성을 표현하기 위해 3D 모델링과 WebGL 기반 그래픽 적용
텍스트 및 오브젝트가 회전, 확대/축소되는 시각적 효과 제공
텍스트 및 오브젝트가 회전, 확대/축소되는 시각적 효과 제공

브랜드 메시지 전달 강화
"스포츠로 시민이 하나 된다"는 슬로건을 움직임과 애니메이션으로 표현
메시지가 단순 텍스트가 아니라 움직이는 경험으로 각인되도록 제작
메시지가 단순 텍스트가 아니라 움직이는 경험으로 각인되도록 제작
프로젝트 상세
서울특별시체육회의 브랜드 아이덴티티를 온라인 공간에서도 강렬하게 전달하고, 시민 참여를 촉진하는 브랜딩 중심의 인터랙티브 웹사이트를 구축하는 것을 목표로 하였습니다.
단순한 정보 제공형 홈페이지를 넘어, 시각적 경험·인터랙션·브랜딩 요소를 결합하여 시민들이 체육회가 추구하는 가치(건강, 공동체, 활기찬 스포츠 정신)를 직관적으로 느낄 수 있도록 설계하였습니다.
단순한 정보 제공형 홈페이지를 넘어, 시각적 경험·인터랙션·브랜딩 요소를 결합하여 시민들이 체육회가 추구하는 가치(건강, 공동체, 활기찬 스포츠 정신)를 직관적으로 느낄 수 있도록 설계하였습니다.
