안녕하세요~!
20년노하우, 국내 최다 홈페이지 제작 매스티지입니다^^
오늘은 고급 필기류를 선별하여 국내시장에 유통하는 기업
퍼스트메이트 반응형홈페이지를 소개해드리려고해요:)
기업의 반응형 홈페이지 제작은 선택이 아닌 필수잖아요?
모바일에 최적화된 반응형웹으로 제작해
장소와 환경에 구애받지 않고 언제든 접속이 가능하답니다^^
다양한 해상도에 어울리는 화면구현을 위해서
각 디바이스에 맞는 레이아웃으로 디자인했습니다:)
가독성은 높이면서 기존 PC화면과의 통일성을 유지하기 위해
매스티지 자체 반응형 프로세스를 통해
고객의 니즈에 100% 맞춘 홈페이지를 만들었는데요.
사용친화적인 인터페이스로 홈페이지를 이용하는 유저들이
높은 접근성과 편의성을 경험할 수 있답니다:)
퍼스트메이트는
고급 필기류 및 관련 브랜드를 선별하여
직접 국내 필기류 시장에 유통하는 기업입니다.
또한 국내의 유통된 제품들의 사후관리 및 A/S서비스를 진행하고 있으며
자체 만년필, 잉크 브랜드를 만들어 운영하고 있습니다.
메인페이지
세련되면서 고급스럽고 정갈한 디자인으로 구성하여
고급필기류 유통 및 AS서비스 사업분야가
더욱 돋보일 수 있도록 제작했습니다^^
기업의 메인사업 제품의 홍보가 잘 되어야 하기 때문에
명확한 제품의 사진과 간단명료한 설명이 보여질 수 있도록 만들었어요.
풀페이지 형태의 레이아웃으로 구조를 잡고
제품을 보다 큰 이미지로 노출되도록
콘텐츠 요소들을 와이드하게 넣어 작업했습니다:)
제품이 잘 보여질 수 있도록 전체적으로
화이트 컬러의 백그라운드를 사용해
콘텐츠 영역을 잡아 제작했답니다.
기업의 비즈니스 제품에 온전히 집중할 수 있도록
간결하면서 깔끔한 컬러 사용과 레이아웃을 활용했습니다.
메인비주얼
기업이 유통하는 비즈니스 상품인 만년필과
잉크를 주력으로 노출시켜 비주얼로 제작했답니다.
3Page 슬라이드 형식의 레이아웃으로 이루어져
일정시간이 지나면 자동으로 페이지가 변경되고,
이미지를 좌우로 드래그하거나 우측 하단에 탭을 활용하여
직접 페이지 변경이 가능해 높은 웹접근성을 가지고 있답니다:)
각 비주얼 이미지를 클릭하면 해당 제품의 자세한 정보를
확인할 수 있는 상세페이지로 이동이 가능합니다^^
기업의 CI를 활용한 포인트 컬러로 밝은 오렌지컬러와
짙은 블루컬러를 사용해서 홈페이지 전체적인
레이아웃 콘텐츠 요소에 사용하여 제작되었어요.
GNB 영역의 레이아웃이 백그라운드 이미지에 따라 자연스럽게 가변되는데요.
마우스를 올리면 흰색 영역으로 레이아웃이 변형되고
각 내비게이션 메뉴에 마우스를 올리면
포인트 컬러로 오버효과가 나타납니다^^
우측 전체메뉴의 아이콘을 클릭하면
홈페이지의 모든 메뉴를 한 번에 파악할 수가 있어서
유저에게 높은 편의성을 제공해
빠른 페이지 이동이 가능합니다:)
기업의 신제품을 소개하는 섹션인데요!
슬라이드 형태의 레이아웃을 활용해 제작했으며
콘텐츠가 자동으로 돌아가기 때문에 손쉽게 제품파악이 가능하답니다.
하단에 스크립트 모션효과를 활용한 페이지탭을 만들어
요소들이 이동되면 파란색 바가 채워지면서
콘텐츠의 진행상태 확인이 가능해요^^
각 요소에 마우스를 올리면 상품의 이름과 가격이 보여지고,
상품을 클릭하면 자세한 정보를 확인할 수 있는 상세페이지로 이동하게됩니다:)
퍼스트메이트가 유통하는 다양한 고급필기류 브랜드를 소개하는 섹션이예요!
배너 형태의 레이아웃으로 구성했으며 마우스를 올리면
변형이 이루어지면서 오버효과로 인지가 되도록 만들었답니다.
클릭시 각 브랜드의 대표상품과 기업소개가 간략하게 나타나고,
이미지를 클릭하면 각 브랜드의 스토리를 살펴볼 수 있는
상세페이지로 이동하게 된답니다^^
서브페이지
상단에 페이지명과 관련 이미지를 사용해 서브비주얼로 제작했는데요.
하단에 페이지 내비게이션을 만들어 웹접근성을 높였으며
우측에 서브 하위 메뉴탭을 만들어 페이지내에서 빠른 이동이 가능하답니다^^
기업이 잘 소개될 수있도록 이미지와 텍스트위주로 심플하게 제작했어요.
상품소개
퍼스트메이트가 유통하는 모든 제품들을 확인할 수 있답니다:)
상단에 탭메뉴를 통해 브랜드별 제품의 손쉬운 확인이 가능하며
검색창을 만들어 원하는 제품을 검색할 수 있는데요^^
큰 레이아웃과 고화질의 사진을 사용해
화면에서 제품 외부모습도 상세히 확인할 수 있답니다!
오늘 매스티지와 함께한 퍼스트메이트 반응형 홈페이지 리뉴얼 사례
포스팅 끝까지 읽어주셔서 감사합니다^^
매스티지는 전문 프로세스를 통한 다양한분야의 반응형홈페이지 제작 경험과
성공적인 사례로 각종 홈페이지 제작 어워드에서 매년 수상을 받을만큼
고객과의 신뢰를 구축하고있습니다.
매스티지의 20년노하우를 믿고,
함께 웹사이트를 구축하고 싶으시다면 언제든지 연락 주시기 바랍니다^^
개별상담을 통해 보다 자세한 제안을 드리겠습니다. 감사합니다~!
▼ 홈페이지 제작 및 문의▼
'포트폴리오[기업]' 카테고리의 다른 글
| [은산그룹] 기업의 마케팅 효과를 끌어올리는 반응형홈페이지제작/다국어홈페이지, 이제 해외시장까지 성장할 수 있습니다. (2) | 2024.07.09 |
|---|---|
| [로스트웰워터] 기업홈페이지제작, 완성도 높은 반응형웹 구축 잘하는 "매스티지"만의 기술력 (2) | 2024.07.09 |
| [특허법인 로율] 국문/ 영문 반응형홈페이지리뉴얼, 기업홈페이지제작 매스티지! (3) | 2024.07.08 |
| [케어닥] 기업홈페이지 반응형 제작, 고객이 만족할 수 있는 홈페이지제작은 웹에이전시 매스티지에서! (3) | 2024.07.08 |
| [홈블리] 인테리어 기업 홈페이지, 손님과 사람을 부르는 홈페이지 제작 반응형 구축 잘하는 웹 에이전시! (3) | 2024.07.08 |
