안녕하세요~!
20년 노하우, 국내 최다 홈페이지제작 매스티지입니다.
오늘은 수입/국내 차량의 정비, 수리를 책임지는 전문 기업
(주)이레자동차공업사 반응형 홈페이지 리뉴얼 사례를 소개해드리겠습니다.
(주)이레자동차공업사는 한 단계 업그레이드된 차량 관리 시스템으로
고객 자동차의 사고 수리, 정비 및 관리를 하는 기업입니다.
수입차 공식 업체에서 전문 교육을 받은 우수 직원들이 뛰어난 기술력으로
최고의 서비스를 제공하고 있으며 고객이 만족할 수 있도록 끊임없이 노력하는 공업사입니다.
메인페이지
이레자동차공업사 홈페이지 메인입니다.
전체적인 비주얼 화면(container) 규격은 PC 웹화면에서 가장 많이 쓰이는 가로(width)1400px로 구성해
여유있는 레이아웃 활용이가능하기 때문에 홈페이지를 이용하는 유저들에게 쾌적한 화면을 제공합니다.
차량을 정비하고 수리하는 기업의 사업분야가 잘 소개되고 홍보될 수 있도록
실제 작업과정 사진을 활용한 레이아웃으로 제작해 고객에게 믿을 수 있고 신뢰가는 기업의 이미지를 구축시켰습니다.
기업만의 차별화된 품질과 서비스가 부각되어야 하기 때문에 필요한 콘텐츠들만 핵심적으로 구성하고
해당 콘텐츠가 이해되기 쉽도록 가독성 높은 디자인으로 제작했습니다.
전체적인 컬러 사용은 기업의 CI를 활용해 블루계열 컬러를 메인으로 하고
오렌지 컬러를 포인트 컬러로 사용해 디자인했습니다.
텍스트 강조, 블릿, 아이콘, 마우스 오버효과 등 디자인적 요소에 잘 적용시켜
기업의 브랜드 아이덴티티 가이드에 벗어나지 않도록 제작했습니다.
메인비주얼
홈페이지 메인 비주얼입니다.
슬라이드 형식의 레이아웃 구조로 일정시간마다 비주얼 배너가 자동으로 변경되도록 제작하였습니다.
웹표준을 준수하기 위해 하단에페이지탭을 만들어 현재 위치 파악이 가능하며
좌측 마우스 스크롤 다운 표시를 위아래 움직이는 모션효과로 제작했습니다.
우측 하단에 예약신청, 카카오채널톡 버튼을 제작해 빠른 문의가 가능하도록 만들었으며,
TOP(상단이동) 버튼을 통해 홈페이지 상단으로 신속한 이동이 가능합니다.
메뉴들이 마우스 스크롤에 상관없이 고정되기 때문에 사용자에게 높은 편의성을 제공합니다.
상단 GNB
상단 GNB입니다. 좌측부터 로고, 내비게이션 메뉴로 구성했고
차량 정비 및 수리 서비스를 제공하는 하는 기업이기 때문에 고객이 예약 및 상담 문의 서비스를
원활하게 이용할 수 있도록 로그인, 마이페이지 메뉴도 구성되어 있습니다.
GNB 메뉴가 상단에 상시 고정되어 유저의 용이한 홈페이지 이용이 가능합니다.
내비게이션 메뉴에 마우스를 올리면 홈페이지 전체메뉴가 드롭다운되어 펼쳐지고
해당 메뉴에 포인트 컬러로 변형되는 오버효과로 유저의 인지성을 높였습니다.
기업의 장점을 소개하는 섹션입니다.
실제 공업과정과 깨끗한 건물 내부의 모습을 노출시켜 기업에 대한 신뢰도를 높이고
강점을 나타내는 문구 텍스트의 크기와 굵기를 조절해 강조시켰습니다.
기업의 차별화된 서비스를 소개하는 섹션입니다.
기업만의 차별화된 서비스를 가로가 긴 직사각형 박스형태의 레이아웃으로 만들었습니다.
각 요소에 서비스명, 포인트 컬러를 활용해 제작한 아이콘을 넣어 메뉴가 쉽게 이해될 수 있도록 제작했습니다.
마우스를 올리면 해당 서비스가가 위로 상승하는 모션효과와 함께 포인트 컬러로
베리에이션되며 뒤에 그림자(드랍쉐도우)가 생기는 레이아웃으로 변형되어 유저의 인지를 도왔습니다.
간편문의
온라인 간편문의 섹션입니다.
기업에 신속하고 정확한 문의를 할 수 있도록 만든 콘텐츠로 정보를 입력하는 영역의 백그라운드 컬러를
어두운 네이비 컬러로 구성해 가독성을 높이고 내용을 입력하고 수정하는 데 원활하도록 만들었습니다.
서브페이지
회사소개 기술력 서브페이지입니다.
상단에 페이지명과 어울리는 서브비주얼 이미지를 삽입해 제작했으며
하단에 하위메뉴 탭을 만들어 페이지내 이동을 쉽고 빠르게 할 수 있습니다.
기업의 우수한 기술력을 나타내는 감사패, 업체인증 등의 자료를 간결한 레이아웃으로
자연스럽게 노출시켜 믿을 수 있는 기업의 이미지를 부각시켰습니다.
사업분야
기업이 하는 비즈니스, 사업분야를 자세하게 소개하는 콘텐츠이기 때문에
깔끔하고 심플한 텍스트, 이미지 위주의 레이아웃으로 제작했으습니다.
포인트 컬러로 제작한 블릿과 여백을 통해 콘텐츠간 구분을 명확하게 만들었으며
고객의 이해를 쉽게 돕기 위해 직관적인 작업과정, 사진을 넣어 만들었습니다.
반응형 리뉴얼
이레자동차공업사의 홈페이지는 효율적인 비즈니스 마케팅과 더 많은 고객유치를 위해
모바일에 최적화된 반응형 홈페이지로 제작되었습니다.
언제 어디서든 기업의 홈페이지를 접속해 서비스를 이용할 수 있도록 가독성 높은 반응형웹으로 만들어졌으며
PC, 노트북, 태블릿, 스마트폰 등 다양한 디바이스 화면에서 각 해상도에 최적화된 화면을 경험할 수 있습니다.
고객과의 끊임없는 커뮤니케이션과 피드백을 주고 받아 홈페이지 기획부터 디자인, 개발, 유지보수 모든 과정을
매스티지에서 직접 하고 있기 때문에 만족도 높은 효율적인 반응형 홈페이지 제작이 가능합니다.
이번 반응형 홈페이지 리뉴얼 사례를 통해
매스티지의 전문성과 세심한 접근 방식을 확인해보셨을텐데요!
매스티지는 20년 이상의 경험과 최신 기술을 바탕으로
고객의 요구에 완벽히 부응하는 웹솔루션을 제공합니다^^
신뢰와 만족을 보장하는 매스티지와 함께라면
귀사의 디지털 혁신이 더욱 빛날 것 입니다^^
홈페이지 제작 및 문의
'포트폴리오[기업]' 카테고리의 다른 글
| [(주)코아스템켐온] 고객 만족을 위한 반응형 웹사이트 리뉴얼 제작 사례: 웹에이전시 매스티지! (0) | 2024.07.18 |
|---|---|
| [(주)태양당인쇄] 홈페이지제작 매스티지의 반응형 웹사이트 구축! 리뉴얼 사례 분석 (0) | 2024.07.18 |
| [마루특허법률사무소] 반응형 웹으로 달라지는 사용자경험, 매스티지의 법인 홈페이지제작 리뉴얼 사례 분석 (0) | 2024.07.17 |
| [유일한박사기념연구재단] 모든 화면에서 완벽하게 구현되는 재단 반응형 홈페이지제작 매스티지! (0) | 2024.07.16 |
| [한국방재기술] 기업의 가치를 높이는 반응형홈페이지제작 "매스티지"의 리뉴얼 사례 분석 (0) | 2024.07.15 |
