고객과 함께한 시간
모펀게임즈
디자인아트플러스가 제작한 모펀게임즈 비나우 홈페이지 포트폴리오.
인기 웹툰 IP를 AR 컬렉팅 카드로 선보이는 브랜드 BNOW의 런칭 IP와 런칭 예정 IP를 소개하는 반응형 홈페이지입니다.
- CLIENT.
- 모펀게임즈
- Year.
- 2024
- 프로젝트 설명
- 디자인아트플러스는 모펀게임즈의 브랜드 비나우(BNOW) 홈페이지를 기획·디자인·개발했습니다. 「언제, 어디서든 내 최애캐와 함께!」라는 메시지를 웹툰 일러스트 위에 크게 띄워 팬의 시선을 먼저 붙잡고, 웹툰 IP로 만든 AR 컬렉팅 카드를 런칭 IP와 런칭 예정 IP로 나눠 카드형 슬라이드로 보여 주도록 설계했습니다. 작품 분위기를 살린 어두운 배경으로 일러스트가 돋보이게 했습니다. 반응형으로 구축하고 디자인아트플러스 호스팅으로 운영을 시작했습니다.
[주요 구축 내용]
팬을 붙잡는 첫 화면: 웹툰 일러스트를 화면 가득 깔고 「언제, 어디서든 내 최애캐와 함께!」를 가운데 크게 띄워, 좋아하는 캐릭터를 먼저 만나게 하는 첫인상을 연출
IP별 카드 슬라이드: 런칭 IP와 런칭 예정 IP를 작품 이미지 카드로 나눠 가로로 넘겨 보게 해, 팬이 관심 있는 웹툰의 AR 컬렉팅 카드를 쉽게 찾도록 설계
일러스트가 돋보이는 톤: 어두운 배경 위에 작품 일러스트를 올려 색감이 살아나게 하고, 카드마다 같은 형식의 MORE VIEW 버튼으로 상세 화면까지 이어지게 구성
커뮤니티 영역: 청록색 배경에 캐릭터 그래픽을 곁들인 NEWS와 NOTICE 목록을 두어, 신규 카드 공개 같은 새 소식을 팬이 가볍게 확인할 수 있게 설계
FAQ
팬이 좋아하는 작품과 캐릭터를 첫 화면에서 바로 보여 주는 것이 가장 중요합니다. 굿즈를 찾는 방문자는 회사 소개보다 내가 좋아하는 작품이 있는지, 새로 나온 상품은 무엇인지를 먼저 확인합니다. 비나우 홈페이지는 웹툰 일러스트를 메인 비주얼로 쓰고 런칭 IP와 런칭 예정 IP를 바로 아래에 카드로 보여 줍니다.
브랜드 소개, 작품별 프로젝트, 즐길 거리, 팬 커뮤니티, 제휴 문의가 기본 메뉴입니다. 팬은 정보를 보러 왔다가 다른 팬과 이야기 나눌 곳을 찾기 때문에 커뮤니티가 있으면 다시 방문할 이유가 생깁니다. 모펀게임즈 비나우 홈페이지는 BNOW, PROJECT, FUN & PLAY, COMMUNITY, CONTACT 메뉴 중심으로 구축했습니다.
팬들이 출시를 기다리게 만들어 공개 전부터 관심과 화제를 모을 수 있습니다. 예정 작품을 꾸준히 바꿔 걸면 팬이 소식을 확인하러 홈페이지를 자주 찾게 됩니다. 비나우 홈페이지는 런칭 예정 IP와 이미 출시한 런칭 IP를 나눠 두어 팬이 지금 살 수 있는 카드와 곧 나올 카드를 함께 볼 수 있게 했습니다.
배경과 장식을 줄이고 그림이 주인공이 되도록 화면을 비워 두는 것이 좋습니다. 밝은 장식이 많으면 일러스트 색과 부딪혀 작품의 분위기가 흐려집니다. 모펀게임즈 비나우 홈페이지는 어두운 배경 위에 웹툰 일러스트와 AR 카드 이미지를 카드형으로 배치해 작품마다 분위기가 살아나도록 디자인했습니다.
