상세 컨텐츠

본문 제목

반응형 홈페이지 A to Z, 10page 제작사례로 알아보기

10page 제작 이야기

by 10page 2020. 11. 25. 16:06

본문

 

안녕하세요. 10page입니다.

 

최근 모바일 사용량이 증가하면서,

반응형 홈페이지에 많은 관심 가지고 계실 텐데요.

 

그래서 오늘은 여러분께 도움을 드리기 위해

반응형 홈페이지의 장점부터10page 제작 사례까지

소개해드리려고 합니다.

 

그럼 지금부터 하나씩 살펴볼까요?


1) 의미와 장점

 

 

반응형 홈페이지란, PC, 스마트폰

접속하는 디스플레이의 종류에 따라

화면의 크기가 자동으로 최적화되는 웹페이지 제작 방식입니다.

 

디바이스 해상도에 맞춰 화면이 노출되고,

그에 따라 레이아웃과 콘텐츠 또한 기기에 맞게 배치되는데요.

 

 

 

반응형의 가장 장점은 편리함입니다.

 

고객이 PC 모바일 다양한 기기를 통해

 접속하더라도 최적화된 화면을 확인 있기 때문입니다.

 

사용하기 편리한 웹페이지는 고객의 이탈률을 줄이고,

웹사이트 체류 시간을 높이는 데도 중요한 요소 하나죠.

 

제작 과정 또한 모바일과 PC 웹사이트를

각각 따로 구축하지 않아도 된다는 장점 있는데요.

 

이러한 이유로 최근 반응형 홈페이지 제작을

선호하는 분들이 많아지고 있습니다.

 

▶ 반응형 홈페이지 자세히 알아보기


2. 업종별 사례

 

 

하지만 반응형으로만 제작한다고 해서

웹사이트가 완성되는 것이 아닌데요.

 

다양한 기능과 알맞은 디자인

활용해야 하기 때문입니다.

 

이때 어떻게 웹사이트를 구성할지, 고민이 많으실 텐데요.

 

여러분이 참고하실 있도록

10page 반응형 홈페이지 제작 사례를 소개해드리겠습니다.

 


1) 서울여자대학교 아동학과

 

번째 사례로 서울여자대학교 아동학과 살펴볼까요?

 

메인 페이지에 배너 슬라이드를 적용하였는데요.


학교 전경 위주의 실사 이미지를 여러 활용했습니다.

이를 통해 신뢰도와 주목도 높였는데요.

 

이처럼 슬라이드는 여러 장의 배너를 롤링할 있어

다양한 이미지를 방문자에게 보여줄 있다는 장점이 있죠.

 

 

 

또한, 메인 페이지에 메뉴 기능을 적용했는데요.

 

학생들이 자주 이동하는 커뮤니티나

관련 교육 기관의 링크를 찾기 쉽게 구성하였습니다.

 

이처럼 페이지 내에서 처리하지 못하는

바로가기 링크를 메뉴로 노출해두면

더욱 편리하게 사용할 있겠죠?

 


2) 아산장편한내과

 

 

번째, 아산장편한내과 웹사이트를 살펴보겠습니다.

 

병원 웹사이트는 제공 중인 의료 서비스를

찾기 쉽게 보여주는 것이 중요한데요.

 

이를 위해 메인 페이지에 위젯 버튼 사용하여

 의료 서비스를 가독성 있는 디자인으로 구성했습니다.

 

 

 

또한, 지도 삽입 기능을 활용했는데요.

환자들이 병원을 방문하기 위해 필요한 정보 하나죠.

 

운영 시간과 연락처, 지도를 함께 노출하여

눈에 띄게 배치했습니다.

 

또한, 반응형으로 제작되어 모바일에서도

쉽게 정보를 확인할 수 있는데요.

 

이처럼 고객 방문이 필요한 업종은

지도 삽입 기능을 활용하는 것이 좋겠죠?

 


3) 한국바이오플라스틱협회

 

 

마지막으로 살펴볼 사례는

한국바이오플라스틱협회입니다.

 

번째 메인 메뉴인 협회 소개에

인사말과 주요 사업 등의 많은 정보가 포함되어 있는데요.

 

정보를 명확하게 보여주기 위해

주요 연혁과 임원 현황으로 구분되어 구성되었습니다.

 

또한 조직도 구성과 타임라인 연혁 디자인으로 가독성을 높였는데요.

 

기업 홈페이지에 대표적으로 포함되는 내용인 만큼

사례처럼 정돈된 디자인을 적용하는 좋겠죠?

 

 

대표적으로 활용된 기능은 게시판인데요.

 

게시판 열람 권한을 설정하여

회원만 확인할 수 있는 자료실을 운영하고 있습니다.

 

중요한 자료를 게시해야 하거나

회원제를 운영하고 있을 필요한 기능이겠죠?

 

이외에도 10page에서는 리스트. 이미지, 동영상, FAQ

다양한 형태의 게시판 기능을 제공하는데요.

 

댓글, 비밀 , 열람 권한 설정 등을 활용할 있어

기업의 필요에 맞게 다양하게 게시판을 구성 있습니다.

 


 

오늘은 교육, 서비스, 협회까지

10page의 제작사례 살펴보았는데요.

 

많은 도움이 되셨나요?

 

 

 

저희 10page 4,000프로젝트 통해

쌓아온 업종별 포트폴리오를 보유하고 있습니다.

 

회사 홈페이지 제작 준비하고 계시다면,

다양한 사례를 확인하실 있습니다.

 

또한, 반응형, 마케팅, 관리 다양한 기능을 제공하고 있어

전문적으로 기업 홈페이지를  구축하실 있는데요.

 

업종별 제작 사례부터 기능까지 

10page 서비스에 대해 자세히 확인하고 싶으시다면,

 아래 배너를 방문해주세요!

 

그럼 10page 유익한 정보로 돌아오겠습니다. 감사합니다!

 

관련글 더보기

댓글 영역