PORTFOLIO
Hospital & Clinic
Vizen Medical Portfolio

성형외과, 피부과, 치과, 한의원 등 다양한 의료기관의
성공적인 웹사이트 구축 사례를 확인해 보세요.

PORTFOLIO

오진상사 반응형

개발분야 : Website(웹사이트) / Responsible website(반응형웹) / ShopingMall(쇼핑몰)
오진상사_쇼핑몰_반응형 2026/06
병원 홈페이지 제작 포트폴리오 목록 이동 버튼 이전 병원 포트폴리오 사례 보기 버튼 다음 병원 포트폴리오 사례 보기 버튼

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

[메인 화면 기획]
로지텍 G 게이밍 브랜드 메인 화면 풀스크린 영상 배너와 G502 X PLUS, G515 RAPID TKL 주력 제품 히어로 이미지

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

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

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





메인 디자인 시스템

[메인 디자인]
로지텍 G 시리즈 게이밍 제품 카드형 라인업과 카테고리별 아이콘 그리드 메인 디자인 시스템


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

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

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





콘텐츠 디자인 및 정보 구조

[콘텐츠 디자인]
게이밍 기기별 카테고리와 커뮤니티 콘텐츠 섹션을 포함한 웹사이트 정보 구조 및 페이지 레이아웃

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

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

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





웹사이트 UX/UI 최적화

[웹사이트 UX/UI]
찜하기 장바구니 헤더 아이콘과 최근 본 상품 플로팅 기능이 적용된 반응형 웹사이트 UX UI 인터페이스

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

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

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

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

병원 홈페이지 제작 포트폴리오 목록으로 돌아가기 버튼
이전 병원 포트폴리오 프로젝트 보기 버튼 다음 병원 포트폴리오 프로젝트 보기 버튼
상단으로 상단으로

상담요청

전문보기
카카오톡 상담하기
전화 상담 무료 견적 문의 →