개발
코드 / 아키텍처 / 디버깅
-
상세 페이지 retention 위젯으로 사용자 이탈 방지
상세 페이지에서 관련 항목과 최근 본 항목을 제안하는 위젯을 추가하고, 레이아웃을 가운데정렬로 확장했다. 사용자가 페이지를 떠나기 전에 다음 콘텐츠를 발견하게 유도하는 전략이다.
읽기 → -
사용자 재방문 패턴을 한눈에, 리텐션 위젯 추가
최근 도구 대시보드에 리텐션 위젯을 추가했다. 사용자가 특정 도구를 얼마나 자주 돌아와서 쓰는지, 어떤 패턴으로 반복 사용하는지를 한눈에 볼 수 있게 하려던 작업이다.
읽기 → -
웹 레이아웃 작업 경계 명확히 박기
docs 폴더에 팀 가이드라인을 한 줄 추가했다. 웹 retention이나 레이아웃 개선 작업을 할 때, 인앱웹뷰·앱·API·어드민은 "영구 제외"라는 기준을 명시한 것. 언뜻 간단한 문서화 작업처럼 보이지만, 여기엔 꽤 많은 팀 리더십이 숨어 있다.
읽기 → -
포스트 사용자 체류를 높인 새 레이아웃
블로그나 매거진 같은 콘텐츠 플랫폼을 운영하다 보면, 가장 중요한 지표 중 하나가 사용자 체류율이다. 글이 좋아도, 사용자가 한 포스트를 읽고 그대로 떠나버리면 비즈니스 관점에서 아쉽다. 이번에는 포스트 페이지의 구조와 UI를 개편해서 사용자를 다음 콘텐츠로 자연스럽게 유도하는 작업을 진행했다.
읽기 → -
읽기 경험 개선으로 포스트 체류율 높이기
포스트 페이지에 사용자 체류 관련 위젯들을 한데 묶어서 3컬럼 센터드 레이아웃으로 배치했다. 단순한 UI 리프레시가 아니라, 독자가 한 글을 읽은 후에 다음 콘텐츠로 자연스럽게 흘러갈 수 있도록 의도적으로 설계한 작업이다.
읽기 → -
포스트 페이지를 3컬럼으로 개선, 재방문 유도 위젯 추가
포스트 페이지에 머물러 있는 사용자들이 "다음에 무엇을 읽을까" 고민하게 만드는 게 목표였다. 블로그는 단순히 한 글을 전달하는 공간이 아니라, 사용자의 탐색을 자연스럽게 이어나가는 생태계여야 한다고 생각했기 때문이다. 기존 포스트 페이지는 콘텐츠에만 집중되어 있어서, 글을 다 읽은 후의 사용자 경험이 다소 끊어지는 느낌이 있었다.
읽기 → -
블로그 이탈 방지용 retention 위젯 4종 추가
포스트를 끝까지 읽은 사용자가 슬슬 빠져나가는 현상을 자주 봤다. 특히 긴 글일수록 마지막 문단을 지나면서 바로 탭을 닫거나 뒤로가기를 누르는 패턴이 반복됐다. 분석해보니 독자가 "다음에 뭘 읽을까"를 판단할 정보가 부족했던 게 원인이었다. 그래서 포스트 말미에 4가지 retention 위젯을 한 번에 추가하기로 결정했다.
읽기 → -
글 상세 페이지 레이아웃 고정, 큰 화면에서 가독성 확보
블로그 글 상세 페이지의 콘텐츠가 큰 화면(1920px 이상)에서 제대로 중앙 정렬되지 않는 문제를 고쳤다. CSS와 Astro 레이아웃 템플릿에서 간단했지만 눈에 띄는 작업이었다.
읽기 → -
글 상세 페이지가 와이드 화면에서 제대로 표시되지 않던 레이아웃 문제
글 상세 페이지의 레이아웃 문제를 최근에 수정했다. 가운데 정렬이 제대로 되지 않고, 1920px 이상의 넓은 해상도에서 충분히 대응하지 못하던 부분을 CSS에서 개선했다.
읽기 → -
글 상세 페이지 레이아웃 정렬해서 읽기 편하게
글 상세 페이지 레이아웃을 손봤다. 콘텐츠를 가운데 정렬하고 최대 폭을 1920px까지 확장했다. 간단해 보이는 변경이지만, 사용자가 긴 글을 읽을 때의 경험이 크게 달라진다.
읽기 → -
넓은 모니터에서 글이 구석에 몰려 있던 레이아웃 버그 수정
Astro 블로그의 포스트 상세 페이지 레이아웃을 다시 손질했다. 가운데 정렬과 1920px 해상도 대응이 제대로 먹지 않아서인데, 이 작업을 하면서 느낀 게 꽤 있어서 남겨본다.
읽기 → -
넓은 화면에서 글 본문 센터링
Post 레이아웃에서 화면 폭이 클 때 본문이 왼쪽으로 쏠려 보이던 문제를 해결했다. 좌우 대칭 그리드 구조를 도입하고 반응형 최대 폭을 설정해 모든 뷰포트에서 균형 잡힌 레이아웃을 만들었다.
읽기 → -
이전 입력값 패널 추가로 재방문 마찰 제거
사용자가 다시 방문했을 때 이전에 입력했던 값을 빠르게 재사용할 수 있도록 로컬스토리지 기반 히스토리 패널을 추가했다. 재방문율을 높이고 입력 과정의 마찰을 줄이려는 의도다.
읽기 → -
게임피케이션으로 재방문율 높이기
사용자 재방문이 얼마나 중요한지는 말할 필요 없다. 한 번 온 사용자가 다시 돌아오지 않으면 아무리 좋은 기능도 소용없다. 이번엔 간단하면서도 효과적인 접근을 택했다: **재방문 배지**와 **오늘의 상위 성장자 위젯**. 시각적 피드백과 사회적 증명(social proof)을 동시에 제공해 재방문을 자연스럽게 유도하는 구조다.
읽기 → -
재방문 사용자가 체감하는 진행 현황을 시각화하기
이번에 리테인션을 개선하기 위해 재방문 사용자를 감지하는 hook을 만들고, 사용자가 보유한 시간을 시각적으로 표시하는 배너 기능을 추가했다. 단순해 보이지만 이 작업을 통해 사용자 경험과 데이터 흐름을 어떻게 연결하는지 다시 생각해볼 수 있었다.
읽기 → -
생일 정보로 재방문 사용자 맞춤 인센티브
첫 방문자의 생일을 localStorage에 저장해두고, 다음에 돌아온 사용자에게 "앞으로 N주 더 이용 가능합니다" 같은 맞춤형 배너를 보여주는 기능을 구현했다. 재방문 유도와 개인화 경험을 한 번에 담은 작은 하지만 효과적인 개선다.
읽기 → -
포스트 읽기 중 다음 콘텐츠 찾기 쉬워졌다
최근 콘텐츠 사이트의 가장 큰 과제 중 하나는 방문자를 어떻게 오래 머물게 하느냐다. 특히 블로그나 긴 글을 다루는 서비스라면, 한 포스트를 다 읽은 후 다음 콘텐츠를 쉽게 찾을 수 있느냐가 retention을 좌우한다. 이번에 포스트 페이지에 4개의 위젯을 한꺼번에 추가해서 이 문제에 직접 대응했다.
읽기 → -
끝까지 읽는 블로그 글을 위한 4가지 위젯
블로그 플랫폼에서 가장 아픈 지표 중 하나는 "이탈률"이다. 유명한 통계처럼 사용자는 긴 글을 끝까지 읽지 않는다. 특히 500줄 이상의 기술 글이나 튜토리얼에서는 더 심하다. 처음 몇 섹션만 스캔하고 나가거나, 중간쯤에서 흥미를 잃는다. 이 문제를 근본적으로 해결할 순 없지만, 사용자가 조금이라도 더 오래 머물게 하고, 다른 글로 자연스럽게 이동하게 하는
읽기 → -
글 완독 후 다음 콘텐츠 발견 경로를 5개 추가
블로그 플랫폼에서 사용자 체류율을 높이기 위해 관련글, 목차, 진행바, 최근본글, 다음글이라는 5개의 새로운 위젯을 Post 레이아웃에 통합했다. 각각의 컴포넌트를 먼저 개별적으로 개발하고, 나중에 Post.astro의 레이아웃에 한 번에 조합하는 방식으로 진행했다.
읽기 → -
읽는 경험 개선하는 네 가지 위젯 추가
콘텐츠 플랫폼에서 사용자가 한 번 방문한 후 다시 돌아오게 만드는 것만큼 중요한 지표는 없다. Retention이 떨어지면 아무리 좋은 글을 쓰고 배포해도 소용이 없기 때문이다. 이번 작업은 그 retention을 높이기 위해 포스트 읽기 경험에 네 가지 위젯을 한 번에 추가한 것이다.
읽기 →