[한국방재기술] 기업의 가치를 높이는 반응형홈페이지제작 "매스티지"의 리뉴얼 사례 분석

 

---

안녕하세요~!

20년 노하우, 국내 최다 홈페이지 제작 매스티지입니다^^

---

오늘은 최신 내진설계법 적용으로 내진에 대한 토탈 솔루션을 제시하는 엔지니어링 기업

한국방재기술 반응형 홈페이지 리뉴얼 사례를 소개해드리겠습니다!

---

 

---

 

"기업소개"

 

(주)한국방재기술은 건출물에 정밀한 안전진달을 기반으로 한 내진성능평가 및 내진보강,

성능설계 등 최첨단의 내진설계법을 적용시켜 내진에 대한 솔루션을 제시하는 엔지니어링 기업입니다.

​건축 기술 분야에서 전문적인 기술을 요하는 내진설계 분야에 특화되어 있으며

내진 관련 제품을 적용한 설계는 물론 다양한 부자재들도 직접 제작, 납풍, 시공하는

원스톱 통합 솔루션을 제공하고 있습니다.

 

---

"메인 페이지"

 

 

 

 

한국방재기술 메인 홈페이지에 건축물에 내진설계를 메인 비즈니스로 하는 기업에 맞게

간결하면서 반듯한 디자인의 레이아웃 요소로 제작했습니다.

기업이 하는 사업에 어울리는 사진과 이미지를 활용하여

콘텐츠를 구성해 기업의 아이덴티티를 강조시켰습니다.

영역별로 백그라운드에 컬러를 다르게 넣거나 여백으로 구성하여

콘텐츠 섹션별로 구분을 명확하게 만들었습니다.

 

 

---

"컬러사용"

 

 

전체적으로 기업의 CI를 참고해 그린 계열의 컬러로

마우스 오버효과, 블릿, 버튼 등 디자인 요소에 포인트로 활용했습니다.

그린 컬러는 나무, 숲 자연과 같은 이미지를 떠오르게 하기 때문에

편안하고 안락함을 상징하는 컬러로 많이 사용합니다.

다양한 건축물에 내진설계 사업을 하는 한국방재기술의 이미지에 적합한 컬러입니다.

 

 

---

"메인 비주얼"

 

 

 

홈페이지 메인 비주얼에는 슬라이드 형식의 스크립트 레이아웃으로

빌딩이 우거진 서울 시내의 사진을 활용해 비주얼 이미지로 제작했습니다.

일정 시간이 지나면 비주얼 페이지가 자동으로 이동하고

웹표준과 접근성을 높이기 위해 하단 페이지 탭을 만들었습니다.

기업의 슬로건을 중앙에 배치시켜 홈페이지를 이용하는 유저들의 몰입감을 높였으며

기업 슬로건 문구를 감싸는듯한 도형 애니메이션 요소와 함께

백그라운드 이미지가 줌아웃되어 비주얼 이미지에 생동감을 불어 넣었습니다.

---

"상단 GNB영역"

 

 

좌측부터 로고, 내비게이션 메뉴, 다국어 홈페이지로 구성했습니다.

메인 비주얼 이미지와 GNB 부분이 자연스러운 느낌이 날 수 있도록

GNB 레이아웃을 화이트 컬러로 제작했습니다.

GNB에 마우스를 올리면 홈페이지 전체메뉴가 드롭다운되면서

화이트 영역의 백그라운드 레이아웃으로 변형됩니다.

각 메뉴에 마우스를 올리면 포인트 컬러로 베리에이션되어

유저의 인지가 명확하게 되도록 만들었습니다.

 

---

"다국어 홈페이지"

 

 

 

한국방재기술이 글로벌 기업으로 더욱 성장할 수 있도록 다국어 홈페이지로 제작함으로써

원활한 해외 비즈니스가 가능하도록 만들었습니다.

우측 지구본 아이콘과 ENG/KOR 버튼을 클릭해 영문/국문 홈페이지로 쉽게 변경할 수 있습니다.

 

---

 

 

 

 

기업 사업분야, 프로젝트 섹션인데요.

기업이 하는 다양한 비즈니스 영역을 소개하는 콘텐츠로 내진성능평가, 설계 등의 사업분야를

세로가 긴 직사각형 형태의 레이아웃으로 구성해 제작했습니다.

각 사업과 어울리는 이미지를 백그라운드로 배치시키고 이미지 위에 사업명을 노출시켰습니다.

하단 기업 프로젝트 현황을 한 눈에 파악할 수 있는 콘텐츠로

슬라이드 스크립트를 활용한 아티클 형식의 레이아웃으로 좌우 화살표,

마우스 드래그를 통해 콘텐츠를 살펴볼 수 있습니다.

 

 

---

"서브페이지"

 

 

 

 

회사소개 인사말 서브페이지입니다.

상단 기업의 슬로건을 노출시킨 서브비주얼 이미지를 제작했습니다.

하단에 페이지 하위메뉴 탭을 만들어 빠른 페이지 이동이 가능합니다.

포인트 컬러를 활용해 페이지내의 콘텐츠 요소 및 디자인에 사용했습니다.

기업소개를 이해하기 쉽고 명확하게 설명하기 위해

간결하고 심플한 레이아웃을 사용해 만들었습니다.

 

 

---

"반응형 리뉴얼"

 

 

 

한국방재기술 홈페이지는 언제 어디서든 접속할 수 있도록

모바일에 최적화된 반응형웹으로 제작했습니다.

PC, 노트북, 태블릿, 스마트폰 등 다양한 디바이스 해상도 화면에서 쾌적하게 이용할 수 있도록

사용친화적 UI/UX로 개발하여 홈페이지를 이용하는 유저가 높은 접근성을 경험할 수 있습니다.

가독성과 심미성 두가지를 모두 고려해 디자인 기획부터 설계, 개발까지

모든 과정을 매스티지가 직접 작업하기 때문에 완성도 높은 고퀄리티 반응형 홈페이지를 만듭니다.

 

 

반응형 홈페이지 리뉴얼 사례를 통해
매스티지의 전문성과 세심한 접근 방식을 확인해보셨을텐데요!
매스티지는 20년 이상의 경험과 최신 기술을 바탕으로
고객의 요구에 완벽히 부응하는 웹솔루션을 제공합니다^^
신뢰와 만족을 보장하는 매스티지와 함께라면
귀사의 디지털 혁신이 더욱 빛날 것 입니다^^

 

 

▼ 홈페이지 제작 및 문의▼