메인 페이지
메인 페이지는 방문자가 사이트에 접속했을 때 가장 먼저 접하는 공간으로, 사이트의 주요 내용을 효과적으로 전달하기 위해 다음과 같은 방식으로 설계했습니다.
최신 글과 인기 글의 배치
- 최신 글 섹션: 메인 페이지 상단에 최신 글을 배치해 방문자가 사이트의 최신 활동을 바로 확인할 수 있도록 했습니다. 예를 들어, 최근에 작성한 기술 블로그 글이나 업데이트 내용을 첫 화면에서 쉽게 확인할 수 있습니다.
- 인기 글 섹션: 하단에는 인기 글을 모아두어 사이트를 처음 방문한 사용자도 가장 주목받는 콘텐츠를 쉽게 찾을 수 있도록 했습니다.
- 구체적 구성: 조회수, 좋아요 수 등 객관적인 지표를 기반으로 콘텐츠를 정렬하여 신뢰성을 높였습니다.
콘텐츠 카드 디자인
- 카드형 레이아웃: 최신 글과 인기 글은 모두 미리보기 형태의 카드 디자인을 적용했습니다. 카드에는 제목, 간단한 요약, 작성 날짜, 썸네일 이미지를 포함하여 정보를 한눈에 확인할 수 있게 했습니다.
- 배경과 구분되는 박스 스타일을 적용해 카드 간 시각적 구분이 뚜렷하게 나타나도록 했습니다.
- 각 카드에 클릭 가능한 영역을 충분히 확보해 모바일 사용자도 쉽게 탐색할 수 있도록 배려했습니다.
향후 개선 방향: 스크롤 활용
현재는 단순히 최신 글과 인기 글을 나열하는 구조이지만, 스크롤을 활용해 포트폴리오의 주요 내용을 자연스럽게 확인할 수 있는 방식으로 개선할 계획입니다.
- 주요 콘텐츠를 스크롤 이벤트와 연동하여 순차적으로 보여주는 방식을 도입할 예정입니다.
- 이를 통해 사용자들이 보다 직관적으로 사이트의 흐름을 이해할 수 있도록 개선하려고 합니다.
스크롤 방식의 도입은 방문자의 탐색 경험을 더욱 풍부하게 만들고, 각 섹션의 중요도를 강조할 수 있는 효과적인 방법이 될 것입니다.