[인천중구노인복지관] 홈페이지리뉴얼, 사용자 특성에 맞춰 제작하는 반응형홈페이지 "매스티지"

안녕하세요~!

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

이번엔 당사에서 진행했었던 프로젝트 중에

따뜻하고 부드러운 느낌으로 제작되었던 반응형홈페이지

[인천중구노인복지관] 홈페이지를 같이 살펴보려고해요:)

어르신 대상의 홈페이지기 때문에 직접적인 인물노출보다는 

사물과 행위를 표현하는 분위기와 안정감 있는 느낌의 홈페이지를 선호하셨었죠^^

 

 

[반응형홈페이지]

[인천중구노인복지관] 홈페이지는

기존의 홈페이지가 제작된지 오래되었어서

새로운 디자인과 웹표준화가 되어있는 반응형홈페이지로 리뉴얼을 원하셨기에

저희 매스티지와 함께 본 프로젝트를 진행하게되었답니다:)

 

반응형홈페이지는 이제 다들 알고계시다싶이

모니터부터 작은화면의 노트북, 태블릿과 모바일까지 모든 디바이스에서

화면잘림현상 없이 확인 가능한 것을 말하는데요^^

 

[메인화면]

따뜻한 느낌의 비주얼과 함께 파스텔 컬러를 사용해서 부드럽고 밝은 느낌이 들도록 제작되었어요.

이미지는 웜톤계열의 배경컬러로 선택했고, 일러스트 이미지를 간간히 배치하므로써 

딱딱해 보이지 않도록 디자인했답니다^^

또, 가장 많이 사용되는 정보(행사,식단표)를 비주얼 바로 아래에 노출시켜 

복지관에서 제공하는 정보를 한 눈에 보기 쉽도록 구성했습니다.

 

[행사스케쥴 및 식단표]

 

변칙보다는 반복된 패턴으로 안정감을 잘 살리도록했고, 

마우스오버시 색상 및 텍스트가 떠오르는 속도, 폰트크기 등

효과에 대한 규칙을 정해서 최대한 안정감을 부여하도록 제작이되었답니다.

 

---

[자료실 및 커뮤니티]

 

부드러움과 따뜻함이라는 컨셉을 메인과 컨텐츠 디자인에 모두 동일하게 녹여내기 위해 

디자인에서는 이미지와 컬러에 신경쓰고,

퍼블에서는  폰트와 각 페이지에 들어가는 효과를 과하지 않게 강한 느낌이 들지 않도록 작업했습니다.

자료실과 커뮤니티에 거의 모든 형태의 게시판이 개발되었구요,

달력형 게시판, 갤러리형 게시판, 동영상게시판, 일반 게시판등,

지루하지 않게 다양한 게시판 형태를 확인할 수가 있죠~?

식단과 일정은 캘린더형으로 한 눈에 바로 확인가능하도록 제작되었고,

마우스 오버시 상세일정이 어렵지 않게 확인이 가능합니다^^

또한 조직 및 직원현황에서는 이름을 클릭할 경우

레이어팝업으로 상세정보를 확인할 수 있으며,

각 페이지별 피로감을 느끼지 않도록 컨텐츠량을 조절하여 제작되었답니다:)

 

아이콘과 텍스트 컨텐츠를 강조한 심플한 스퀘어 컨셉으로 작업되었고,

PC 및 모바일 크로스브라우징을 준수하였습니다.

[인천중구노인복지관]은

지역사회 어르신을 대상으로 다양한 프로그램을 개발,지원함으로써

지역사회 내 노인복지에 대한 이해와 참여를 확대하여 노인복지 증진에 기여하고자 하는데요~!

인천중구노인복지관 (goldensenior.or.kr)

인천중구노인복지관

 

리뉴얼 오픈당시 당사에서 제작된 홈페이지를 통해 주기적인 게시물을 등록하시고

활발하게 홈페이지를 활용해주셔서 굉장히 뿌듯했던 프로젝트중 하나입니다^^

[인천중구노인복지관] 홈페이지를 통해 많은 어르신들께서 생활의 활력소가 되고 잔치의 장이 되길 바래봅니다^^

 

매스티지와 함께 특별한 웹사이트를 구축하고 싶으시다면 언제든지 연락 주시기 바랍니다!
개별 상담을 통해 보다 자세한 제안을 드리겠습니다. 감사합니다:)

https://masstige.biz/

매스티지 UX Expert MASSTIGE

홈페이지제작문의