견적 문의
  1. HOME
  2. PORTFOLIO
  3. 화재 대피용 산소마스크 브랜드 홈페이…

PORTFOLIO · 기업

화재 대피용 산소마스크 브랜드 홈페이지

메인 페이지 (PC · 모바일 반응형)

CLIENT · 비공개
화재 대피용 산소마스크 브랜드 홈페이지 메인 화면

▲▼ 화면 안을 스크롤하면 전체 페이지를 볼 수 있어요

프로젝트 개요

화재 대피용 산소마스크 브랜드의 메인 화면입니다.
픽셀노트가 직접 맡은 작업으로, 처음 보는 제품도 어떤 상황에 쓰는지 바로 이해되도록 사용 장면 위주로 화면을 구성했습니다.

맡은 작업

  • 디자인 메인 화면 디자인과 모바일 레이아웃
  • 퍼블리싱 반응형 HTML · CSS · JS 퍼블리싱, 그누보드5 적용

작업 포인트

  • 제품 사용 장면을 담은 메인 비주얼
  • 제품 특징을 나눠 보여 주는 카드
  • 박람회 등 소식을 넘겨 보는 슬라이드

반응형 · 사용성

모바일에서는 카드와 슬라이드를 한 줄씩 넘겨 보도록 바꾸고, 연락처와 문의 버튼은 손가락으로 누르기 쉬운 크기로 맞췄습니다.
360px 휴대폰부터 1920px 와이드 모니터까지 화면이 깨지지 않는지 확인했습니다.

업체 정보 보호를 위해 업체명과 로고는 가리고 업종과 작업 내용만 소개합니다.
비슷한 기업 홈페이지가 필요하다면 기업 홈페이지 제작 안내를 확인해 주세요.

🔒 SECRET MODE고객사 보호를 위해 업체명 · 로고 · 연락처 등은 가리거나 지웠습니다.
실제 사이트 주소는 공개하지 않습니다.

▲