keelson.

Web · Corporate

SHOWNIVERSE 회사 웹

회사 서비스와 콘텐츠를 소개하고, 광고 문의와 출연자 정산 접점을 연결한 웹사이트.

회사 웹사이트 · 서비스 기획 · 디자인·개발

서비스와 화면 설계

쇼니버스의 사업과 서비스를 소개하는 회사 웹사이트를 제작했습니다. 지구본과 콘텐츠를 중심으로 첫 화면을 구성하고 회사 소개, 광고상품, 채널과 레퍼런스로 이어지도록 설계했습니다.

지구본을 중심에 둔 회사 웹

지구본 주변에 콘텐츠와 브랜드 요소를 배치해 회사의 콘텐츠 세계를 첫 화면에 담았습니다. 상단 메뉴는 회사 소개, 광고상품, 채널 등 필요한 정보로 이동하는 기준이 됩니다.

실제 데스크톱 메인 화면

광고상품과 결과물의 연결

시딩 상품의 소개 문장 옆에 실제 콘텐츠 예시를 함께 보여줍니다. 금색 고리 그래픽과 어두운 배경을 유지하면서 상품 설명과 게시물 예시가 한 화면에서 연결되도록 구성했습니다.

실제 광고상품 페이지 · 시딩 화면

사용 기술

언어
JavaScript · TypeScript · HTML · CSS
주요 기술
React · Vite · Three.js
데이터·연동
REST API · Cloudflare Turnstile
이미지