[(주)주성비앤비] 홈페이지제작 매스티지의 성공적인 반응형기업홈페이지 리뉴얼 분석

---

안녕하세요! 20년노하우, 국내 최다 홈페이지제작

매스티지 입니다!

 

---

오늘은 토목, 건축, 기계설비 등 분야에 다야항 설계 및 엔지니어링 사업을 하는

(주)주성지앤비 ​반응형 홈페이지 리뉴얼 사례를 소개해보겠습니다.

---

 

---

기업 소개

 

(주)주성지앤비는 토목, 건축, 기계설비, 소방, 에너지 및 광산자원 분야 등에

다양한 설계와 엔지니어링 서비스를 제공하는 기업입니다.

다년간의 설계와 수치해석 시뮬레이션 기술, 현장 실측실험, 공학용 S/W 개발 미 특허 보유 기술 경험으로

고객에게 성공적인 사업 파트너가 되어가고 있습니다.

---

메인페이지

 

 

 

슬라이드 형식의 스크립트 레이아웃을 활용해 메인 비주얼로 만들었습니다.

아이가 바람개비를 들고 들판을 달리는 영상을 백그라운드 비주얼로 활용해

고객의 공간(G)과 바람(B)을 소중히 여겨 고객만족 실현으로 국민과 사회로부터 신뢰받고

사랑받는 기업의 비전, 이념, 가치를 강조시켰습니다.

웹표준을 준수하고 웹접근성을 높이기 위해 좌우 화살표 버튼, 하단 비주얼 내비게이션 탭,

마우스 스크롤 아이콘을 만들어 홈페이지를 이용하는 유저들의 편의성에 도움을 줍니다.

---

 

상단 GNB 영역

 

 

GNB가 마우스 스크롤에 상관없이 상단에 상시 고정되도록 만들어 홈페이지 메뉴 이용 및 페이지 이동이 용이합니다.

비주얼 백그라운드 이미지와 자연스럽게 어울릴 수 있도록 GNB를 별도의 영역없는

화이트 컬러의 레이아웃으로 구성했으며 마우스 스크롤을 통해 섹션이 바뀌면 포인트 컬러의

백그라운드 영역을 가진 레이아웃으로 변형되어 높은 가독성을 제공합니다.

내비게이션 메뉴에 마우스를 올리면 해당 메뉴의 하위메뉴들이 드롭다운되어 펼쳐지고

그린 컬러의 마우스 오버효과로 베리에이션되어 유저의 인지성을 높였습니다.

우측 전체메뉴 바 아이콘을 클릭하면 홈페이지 모든 메뉴가 노출되기 때문에

원하는 페이지로 신속하게 이동이 가능합니다.

 

---

 

 

 

 

기업의 최신 소식과 공지를 소개하는 섹션입니다.

4단 그리드로 구성된 박스 형태의 슬라이드 레이아웃으로 제작하였으며

일정시간마다 페이지 슬라이드가 자동으로 변경됩니다.

하단에 있는 화살표 버튼을 클릭해 직접 페이지 이동이 가능합니다.

공지사항과 소식을 구분할 수 있도록 상단에 포인트 컬러를 활용해 구분 탭을 만들어 편의성을 높였습니다.

 

---

 

 

 

 

기업의 지명원, SNS 채널, 위치를 소개하는 섹션으로

기업의 슬로건과 함께 사업분야를 텍스트로 노출시켰습니다.

완공된 터널 사진을 백그라운드 이미지로 삽입해

기업의 비즈니스와 브랜드 아이덴티티를 부각시켰습니다.

각 콘텐츠 요소에 마우스를 올리면 포인트 컬러의 백그라운드 영역이 생기고

클릭하면 다운로드 및 콘텐츠 페이지로 이동됩니다.

 

---

서브 페이지

 

 

 

회사소개 경영이념 서브페이지입니다.

상단에 페이지명과 함께 각각 어울리는 이미지를 활용해 서브 비주얼을 제작했으며

하단에 하위메뉴 탭을 만들어 페이지 인지력을 높이며

하위 메뉴간의 페이지 이동이 용이하게 만들어습니다.

기업의 비전, 가치, 슬로건 등 소개하는 핵심 내용을 명확하고 이해하기 쉽게 소개해야 하기 때문에

간결한 레이아웃을 사용해 제작했으며 포인트 컬러를 활용해 텍스트의 무게감을 만들었습니다.

 

---

설계사업부 페이지

 

 

기업의 부서에서 하는 사업분야를 세분화해서 소개하는 페이지로

고객이 이해하기 쉽도록 이미지와 함께 간단 명료하게 제작했습니다.

 

 

---

반응형 리뉴얼

 

 

주성지앤비 홈페이지는 모바일에 최적화된 반응형 웹으로 제작하여 PC 뿐만 아니라

노트북, 태블릿, 스마트폰 등 다양한 디바이스에서 원활한 접속이 가능하며 쾌적한 화면으로 이용이 가능합니다.

기업의 홈페이지 제작 의도를 정확히 분석하고 파악하여

사용친화적 UI/UX로 개발하여 유저들에게 높은 가독성과 웹접근성을 제공합니다.

 

 

 

 

 

 

PC에서 보여지는 화면을 모바일, 스마트폰 화면에서도 완벽히 구현되며

자연스러운 레이아웃 변형을 통해 디자인 통일감은 유지시키면서 가독성은 더욱 높아지도록 만들었습니다.

언제 어디서든 환경에 구애받지 않고 주성지앤비 홈페이지를 접속해

유저가 원하는 정보 획득과 비즈니스 문의가 가능합니다.

 

매스티지는 웹사이트 제작과 브랜드의 성공적인 홍보, 
마케팅을 위해 종합적인 솔루션을 제공합니다. 
초기 기획 단계부터 디자인, 개발, 마케팅까지,,
고객의 성공이 곧 우리의 성공이라는 신념아래, 
매스티지는 고객의 비즈니스 성장을 위해 최선을 다합니다. 
매스티지를 선택하시면, 20년의 경험을 바탕으로 최고의 품질과 결과를 보장하는 
웹사이트 제작과 통합 마케팅 서비스를 제공받으실 수 있습니다.