경기의 라이프케어와 로컬비즈를 다루는 뉴스함 홈페이지를 만들었습니다. 추천 기사에서 분야별 목록, 기사 본문으로 이어지는 화면을 실제 PC·모바일 캡처와 함께 남깁니다.
- 작업 유형
- 지역 뉴스 미디어 홈페이지
- 담당 범위
- 홈페이지 제작
이번에는 기사가 쌓이는 홈페이지입니다
뉴스함도 제가 만든 홈페이지입니다. 경기 지역의 생활과 돌봄, 지역 사업과 사람들의 이야기를 담는 곳이에요. 이 글에는 제가 맡은 홈페이지 작업을 남겨봅니다.
쇼핑몰이나 제 개인 블로그와는 보여줄 내용이 다릅니다. 매일 기사가 쌓이고, 처음 들어온 사람도 관심 있는 소식을 찾아야 하죠. 한 장의 첫 화면 뒤로 목록과 본문이 계속 이어지는 작업물입니다.
먼저 보여줄 기사와 골라 읽을 기사를 나눴습니다
홈에는 추천 기사를 크게 보여주는 함픽이 있고, 그 아래로 편집국이 고른 기사와 분야별 소식이 이어집니다. 최신순으로 살펴보거나 관심 있는 채널로 들어가는 길도 함께 두었습니다.
라이프케어, 로컬비즈, 전문가칼럼, 온정스토리. 이름만 봐도 어떤 이야기를 만날지 짐작할 수 있는 메뉴들입니다. 목록에서는 제목과 짧은 설명, 날짜와 기자를 확인하고 본문으로 들어갑니다.
기사 한 편을 읽는 화면까지
기사에 들어가면 제목과 요약을 먼저 읽고, 작성 정보와 사진을 지나 본문으로 이어집니다. 주요 기사와 많이 본 기사도 함께 보여줍니다. 읽고 나서 다른 소식으로 넘어갈 수 있는 구성이에요.
첫 화면만 보여주면 이 작업물의 절반은 빠지는 것 같아 기사 화면도 같이 남깁니다. 기사를 읽으러 들어온 사람이 실제로 보게 되는 화면이니까요.
휴대폰에서도 같은 기사를 읽습니다
모바일에서는 메뉴와 기사 영역을 좁은 폭에 맞춰 배치했습니다. 화면은 작아져도 제목을 읽고 기사를 고르는 순서는 이어집니다. 뉴스레터 구독과 기사 제보·칼럼 신청으로 연결되는 입구도 있습니다.
아래는 공개 사이트를 휴대폰 너비로 열어 본 모습입니다. 뉴스함에는 이후에도 새 기사가 올라오니, 지금의 화면은 맨 아래 홈페이지 링크에서 직접 볼 수 있어요.
작업물에 대해 궁금한 점
뉴스함은 어떤 홈페이지인가요?
경기 지역의 라이프케어와 로컬비즈를 중심으로 기사와 칼럼을 읽는 미디어 홈페이지입니다. 라이프케어, 로컬비즈, 전문가칼럼, 온정스토리 등의 채널이 있습니다.
어떤 작업을 맡았나요?
뉴스함의 홈페이지를 제작했습니다. 이 글은 공개된 홈 화면, 분야별 기사 목록, 기사 상세와 모바일 화면을 소개하는 작업 기록입니다.
실제 사이트를 볼 수 있나요?
현재 공개된 뉴스함 홈페이지로 연결했습니다. 기사와 추천 순서는 운영 과정에서 바뀔 수 있어 캡처 화면과 다르게 보일 수 있습니다.
참고한 자료
작업물 직접 보기
실제 사이트에서 화면과 기능을 직접 살펴보세요.
뉴스함 홈페이지 방문하기 (새 탭에서 열기)모든 작업물 보기조금 헤매도 끝내 만든다.
떠돌이방랑자