Responive Website Project

웹진 아이사랑

아동 부모, 어린이집 원장, 보육교사분들에게 유용한 정보를 제공하는 웹진 아이사랑입니다.

Client

웹진 아이사랑

Developer

Vryus

Project Type

Responsive Web

Process

Html , Css , Js

DESIGN CONCEPT

웹진 아이사랑은 아동과 관련된 이용자에게 유용한 정보를 제공하는 웹진으로,
다양한 정보를 한 눈에 볼 수 있도록 UI/UX를 설계하고 각 페이지마다 필요한 내용을 적절하게 배치하여
이용자가 보기 편하도록 작업하였습니다.

아동에 관한 이슈를 한 번에 볼 수 있는

정보가 있는 웹사이트

발간하는 정보를 한 눈에 볼 수 있도록 레이아웃을 설계하고, 실사보다는 일러스트를 사용하여
특정인물을 떠올리지 않고 아동이 보아도 재미있는 사이트를 표현하고자 했습니다.

발간 소식 내용을 한번에!

메인 비주얼에 슬라이드를 사용하여 발간한 호의 테마와 이벤트를 노출할 수 있도록 하고,
각 카테고리 별로 발행한 게시글을 메인에 동일하게 노출하여 다양한 게시글에 접근할 수 있도록 하였습니다.

COLOR SYSTEM

TYPOGRAPHY

PC는 물론 모바일에서 잘 보이는 NanumSquare서체를 사용하여
깔끔하고 편리한 웹사이트를 제공합니다.

내용에 맞춘 서브 레이아웃

서브페이지를 내용에 맞는 각기 다른 레이아웃으로 설계하고 적절한 사진과 일러스트를 사용하여 가독성을 높였습니다.
하단에는 기고자와 원고를 다운로드할 수 있는 버튼 및 만족도 조사를 배치하여 원고에 대한 추가적인 정보와 이용자가 가볍게 만족도 조사를 작성하여 보낼 수 있도록 하였습니다.

반응형 웹

어떠한 환경에서 보아도 해상도에 맞춰 레이아웃이 변경되어 사용자가 보기 편리하도록 반응형 웹으로 작업했습니다.