[시멘트산업사회공헌재단] 반응형 홈페이지제작 어디서 어떻게? 홈페이지리뉴얼 "매스티지에서 이렇게!"

---

안녕하세요~!

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

저희 매스티지는 지역사회와 함께하는 사회공헌

시멘트산업사회공헌재단[한국생산성본부]와

함께 반응형 홈페이지 리뉴얼을 진행했었는데요!

바로 오늘 포스팅 주제입니다~^^ 

로고

재단법인 시멘트산업사회공헌재단은
시멘트산업의 발전으로 지역사회 행복과 상생을 추구하고
국가와 사회와의 미래지향성 동반선장의 동력을 마련해 
항구적인 사회적 책임의 기반을 조성하는 사회공헌재단입니다.

지역사회와 협력하여 교육,문화,환경 등 다양한 분야에서

지역 발전을 촉진하고 지역 주민들의 삶의 질을 향상시키는 활동을 진행중입니다.

​시멘트산업군에 종사하는 이들이 설립한 법인으로 지난 반세기 동안

국가경제발전의 기초가 되는 건설산업의 근간과

그 필수 요소인 시멘트의 생산에 최선을 다하여

국민과 대한민국경제에 이바지에 힘쓰는 재단법인입니다.

---

[메인페이지]

 

홈페이지 전체적인 레이아웃을 풀페이지 형태로 구성하여

와이드한 화면에 주요 컨텐츠를 넣어서 제작되었어요^^

심플하고 간결한 레이아웃으로 컨텐츠를 구성해

재단이 하는 사회공헌 활동을 강조했고,

사용자가 봤을때 신뢰가는 이미지를 만들었답니다!

---

[GNB 내비게이션 바]

GNB 내비게이션 바

 

마우스를 올리면 서브페이지 하위메뉴 사이트맵이 노출되고

마우스 오버시 블루계열의 포인트 컬러로 베리에이션되어

사용자가 메뉴를 인지함에 있어 명확히 할 수 있도록 제작했어요^^

지역사회와 함께하는 사회공헌에 알맞는

노인과 함께 손잡는 사진, 아이와 함께하는 사진, 자원봉사하는 사진 등의 이미지를

3Page로 구성하여 메인 비주얼로 구성했는데요! 

슬라이드 형식의 레이아웃으로 제작되어서

일정시간이 지나면 다음 페이지로 자동재생된답니다:)

우측에 화살표 버튼과 하단에 페이지바 버튼을 통해 

사용자가 보다 빠르게 페이지 변경도 할 수 있게되었어요.

---

[소개화면]

 

재단의 미션과 비전, 사회공헌 활동을 컨텐츠로 제작했고,

이미지가 들어가는 레이아웃은 나뭇잎을 연상시키는 모양으로 디자인하므로써

친환경적 이미지를 강조시켰답니다.

​메인 타이틀 텍스트에 포인트 컬러인 그린계열,

블루계열을 사용하여 컨텐츠 내용도 강조시켰어요.

활동 더보기를 클릭해 자세한 상세내용을 파악할 수 있는

지역사회공헌 페이지로 이동하는데요,

​하단에 편안한 이미지의 배너를 넣어 사회공헌 이미지를 다시 한번 부각시키고

컨텐츠 영역 사이를 구분되게 제작되었답니다!

 

---

[서브페이지]

 

상단에 각 페이지별로 어울리는 이미지를 넣어서 제작했고,

하위메뉴 탭을 만들어 페이지 이동의 접근성을 높였습니다:)

재단의 미션, 비전, 전략, 로드맵 소개 내용을

백그라운드 이미지와 함께 넣어 자연스럽게 제작되었답니다^^

친환경적인 컬러를 잘 활용하여 포인트가 되는 텍스트나

이미지를 강조하기위해 사용하고, 디자인 통일성을 높였습니다:)

 

---

[반응형 리뉴얼]

 

---

 

매스티지는 전문 프로세스를 통한 다양한분야의 반응형홈페이지 제작 경험과 
성공적인 사례로 각종 홈페이지 제작 어워드에 수상을 받을만큼 
고객과의 신뢰를 구축하고있습니다.

매스티지의 20년노하우를 믿고, 
함께 웹사이트를 구축하고 싶으시다면 언제든지 연락 주시기 바랍니다^^
개별상담을 통해 보다 자세한 제안을 드리겠습니다. 감사합니다~!




▼ 홈페이지 제작 및 문의▼