오진상사 반응형 포트폴리오

메인 화면 기획 및 브랜드 몰입형 랜딩 구성

로지텍 G 게이밍 브랜드의 정체성을 극대화하기 위해 풀스크린 영상 배너를 메인 전면에 배치하고,

G502 X PLUS·G515 RAPID TKL 등 주력 제품을 히어로 이미지로 즉각 노출하도록 기획했습니다.

제품 탐색부터 시리즈별 구매, 커뮤니티 참여까지 하나의 브랜드 경험으로 이어지는 몰입형 랜딩 구조를 설계했습니다.

메인 디자인 시스템

[메인 디자인]

게이밍 브랜드 특유의 강렬하고 역동적인 비주얼 톤을 유지하면서도 상품 탐색의 가독성을 해치지 않는 디자인 시스템을 구성했습니다.

G3·G5·G9·SimRacing 시리즈를 각각의 슬로건과 함께 카드형으로 배치하여 라인업 간 차별성을 직관적으로 전달하고,

카테고리별 아이콘 그리드로 원하는 제품군에 빠르게 진입할 수 있도록 구현했습니다.

콘텐츠 디자인 및 정보 구조

[콘텐츠 디자인]

마우스·키보드·헤드셋·악세서리·레이싱 휠·마이크·세트상품으로 이어지는 카테고리 구조와 함께,

스타일링샷·서포터즈·아케이드 게임 등 커뮤니티 콘텐츠를 별도 섹션으로 구성했습니다.

단순 구매 플랫폼을 넘어 브랜드 팬덤을 형성할 수 있는 콘텐츠 생태계를 구축하여 재방문율과 체류 시간을 높이도록 설계했습니다.

웹사이트 UX/UI 최적화

찜하기·주문내역·장바구니를 헤더 아이콘으로 상시 노출하고,

최근 본 상품 플로팅 기능을 추가하여 게이밍 유저의 비교 탐색 패턴에 최적화된 쇼핑 UX를 구현했습니다.

할인 특가 배너와 딜레이 팝업을 통해 프로모션 노출 효율을 높이고,

PC·모바일 모두에서 끊김 없는 브랜드 경험을 제공할 수 있도록 반응형 UI를 최적화했습니다.