[마루특허법률사무소] 반응형 웹으로 달라지는 사용자경험, 매스티지의 법인 홈페이지제작 리뉴얼 사례 분석

---

안녕하세요~!

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

 

 

---

오늘은 법률·회계 업종의 국내/해외 기업의 지식재산권, 특허를 보호하는 법인

마루특허법률사무소 반응형 홈페이지 리뉴얼 사례를 소개해드리겠습니다.

---

 

---

 

 

마루특허법률사무소는 법률·회계 업종의 특허출원, 분석, 컨설팅 사업을 하는 법인기업입니다.

고객의 입장에서 생각하는 법인의 전문가들이 개방적이고 적극적인 자세로

고객에게 맞춤형 창의적인 IP 솔루션을 제공하고 있습니다.

​

---

​메인페이지

​ 

 

마루특허법률사무소 메인 홈페이지입니다.

원스크롤링 형식의 스크립트를 활용한 풀페이지 화면의 레이아웃으로 제작해

홈페이지 내에 콘텐츠들을 넓은 화면으로 볼 수 있기 때문에

홈페이지를 이용하는 유저들에게 쾌적한 UI/UX를 제공합니다.

원스크롤링 스크립트 기능으로 마우스 스크롤을 통하여 콘텐츠 섹션의

구분과 인지를 명확하게 만들었습니다.

 

 

 

 

국내뿐만 아니라 해외 법률 비즈니스 사업도 하는 기업이기 때문에

외국기업의 고객 유치를 위해 해외 웹사이트에 트렌드에 맞는 레이아웃과 일러스트를 활용해 디자인했습니다.

전체적인 백그라운드 컬러에 채도가 낮은 오렌지 컬러를 사용해 편안하고 온화한 기업의 이미지를 떠오르게 만들었고

신뢰를 상징하는  네이비 컬러를 포인트 컬러로 활용하여 믿을 수 있고 신뢰가는 기업의 이미지를 구축시켰습니다.

 

---

 

메인비주얼

 

 

홈페이지 메인 비주얼입니다. 좌측에 스크롤링 내비게이션을 통해 손쉽게 섹션 이동이 가능합니다.

슬라이드 형식의 스크립트를 사용해 총 3Page의 비주얼 이미지로 구성했습니다.

기업의 슬로건, 비전, 가치를 나타내는 텍스트를 좌측에 배치시키고

우측에 끊임없이 노력하는 혁신적인 이미지의 일러스트를 제작해 비주얼로 만들었습니다.

일정 시간이 지나면 비주얼 이미지가 다음 페이지로 슬라이드되어 변경됩니다.

웹표준을 준수하기 위해 하단에 페이지탭을 만들었으며 탭을 클릭해 직접 비주얼 페이지를 변경할 수 있습니다.

 

---

상단GNB영역

 

 

좌측부터 로고, 서브메뉴, 다국어 홈페이지로 구성했습니다.

GNB 영역이 마우스 스크롤에 상관없이 상단에 상시 고정되기 때문에 유저에게 높은 편의성을 제공합니다.

우측에 KR/EN 버튼을 클릭해 국문/영문 홈페이지로 이동동이 가능합니다.

 

---

 

 

 

 

기업의 구성원을 소개하는 섹션입니다.

법인의 소속된 전문가들을 사진과 업무분야와 함께 간략하게 소개하는 콘텐츠로

슬라이드 스크립트를 활용해 제작했습니다. 마우스를

좌우로 드래그하여 기업의 구성원들을 확인할 수 있습니다.

고객들이 기업의 신뢰가 갈 수 있도록 사진이 들어가는 레이아웃에 사이즈를 최대한 키워 구성원들을

한 명, 한 명, 집중해서 볼 수 있도록 만들었습니다.

View More 버튼을 클릭하면 해당 구성원의 자세한 이력과 정보를 확인할 수 있는 상세페이지로 이동합니다.

 

---

 

 

 

기업의 사업영역을 백그라운드 이미지, 아이콘, 사업명 함께 간단히 소개하는 콘텐츠입니다.

기업이 하는 4가지의 비즈니스를 4개의 그리드 레이아웃으로 구성했으며

흑백의 이미지와 텍스트를 사용해 제작했습니다.

콘텐츠 요소에 마우스를 올리면 컬러가 들어간 레이아웃으로 변형되는

디자인적 요소로 유저가 쉽게 인지할 수 있으며 사용자 경험에 흥미를 높여줍니다.

 

---

서브페이지

 

 

About Us 서브페이지입니다.

상단에 페이지명을 크게 노출시키고 우측에 관련 일러스트를 배치시켜

메인 홈페이지 레이아웃과의 통일감을 유지시켰습니다. 기업을

소개하는 페이지이기 때문에 신뢰성과 정직함을 보여줄 수 있는 이미지,

텍스트 위주의 심플한 레이아웃을 사용해 제작했습니다.

기업의 비전, 가치, 자부심과 맞아 떨어지는 이미지를 굴곡있는 도형의 레이아웃으로 제작해

딱딱하지 않은 유연한 기업의 브랜드 이미지를 표현했습니다.

 

---

 

 

 

Practice Areas 서브페이지입니다.

기업의 사업영역을 소개하는 페이지로 4가지 메뉴와 그 밑에 하위 뎁스 메뉴를 탭으로 세분화시켜 만들었습니다.

상단 메뉴탭에서 원하는 사업영역을 클릭해 해당 사업내용 확인할 수 있으며

하단에 하위메뉴 탭을 통해 더욱 세분화된 정보를 획득할 수 있습니다.

 

---

반응형리뉴얼

 

 

 

마루특허법률사무소 홈페이지는 사용자가 환경에 구애없이

언제 어디서든 사이트에 접속해 원활히 이용할 수 있도록 반응형 홈페이지로 제작했습니다.

효율적인 비즈니스 마케팅을 위한 기업의 반응형 홈페이지 제작은 이제 선택이 아닌 필수 요소입니다.

사용친화적인 인터페이스와 PC, 태블릿, 스마트폰등 다양한 디바이스의 해상도 화면에

최적화된 반응형웹으로 제작되어 사용자에게 높은 접근성과 편의성을 제공하며

쾌적한 화면으로 홈페이지 이용이 가능합니다.

 

---

 

 

 

 

 

 

데스크탑에서 보이는 화면을 스마트폰에서도 자연스럽고 완벽하게 구현하기 위해

모바일에 최적화된 디자인으로 개발했습니다.

화면 해상도에 맞는 자연스러운 그리드 레이아웃 변형을 통해 높은 가독성과 심미성을 자랑합니다.

홈페이지 제작 기획단계부터 디자인, 개발, 유지보수까지 홈페이지 모든 구축과정을

매스티지가 직접 하기 때문에 고객이 만족하는 완성도 높은 반응형 홈페이지로 제작되었습니다.

 

20년의 노하우로 고객의 니즈를 정확하게 파악하고,
먼저 제시하는 기획중심 홈페이지 제작 매스티지가 귀하와 함께 하겠습니다.

 

 

 

 

홈페이지 제작 및 문의