블로그 홈을 다시 설계했다: 콘텐츠는 많았는데 왜 브랜드는 약했을까

RUDA DIRECTOR / BEFORE & AFTER · CASE 001

콘텐츠가 나쁘지 않은데도 블로그가 약해 보이는 경우가 있다. 문제는 글의 품질이 아니라 무엇을 위한 블로그인지 첫 화면에서 설명하지 못하는 구조에 있다.

RUDA DIRECTOR의 첫 홈도 그랬다. 대시보드, 데이터 시각화, UX, AI Agent Systems까지 이미 여러 주제의 글이 쌓이고 있었지만, 홈은 여전히 “판단이 쉬운 대시보드 만들기”라는 문장에 머물러 있었다. 개별 글의 범위는 넓어졌는데 입구는 과거의 한 주제만 설명하고 있었다.

BEFORE — 콘텐츠보다 좁은 브랜드

판단이 쉬운 대시보드 만들기
대시보드를 만드는 디자이너와 기획자를 위한 실무 노트.

문장 자체가 틀린 것은 아니었다. 실제로 대시보드와 데이터 시각화 글이 있었고, 그 독자에게는 분명한 설명이었다. 문제는 블로그가 이미 그 범위를 넘어섰다는 점이다.

Product & UX 설계
Data Visualization
데이터 해석과 실무
AI & Agent Systems

콘텐츠는 네 방향으로 확장됐는데 홈은 한 방향만 말하고 있었다. 독자는 첫 화면에서 이 블로그의 전체 범위를 알 수 없었고, AI Agent 글을 읽고 들어온 사람에게는 홈의 설명이 자기와 관계없는 사이트처럼 보일 수도 있었다.

DIAGNOSIS — 문제는 디자인이 아니라 포지셔닝과 탐색 구조였다

처음에는 홈을 더 화려하게 만드는 방법도 생각할 수 있다. 썸네일을 늘리고, 카드를 만들고, 대표 이미지를 추가하면 분명 화면은 풍성해진다. 하지만 이 경우 가장 큰 문제를 해결하지 못한다.

RUDA DIRECTOR 홈에서 먼저 고쳐야 했던 것은 세 가지였다.

Positioning — 블로그 전체를 한 문장으로 설명하지 못했다.
Hierarchy — 처음 온 독자가 무엇부터 읽어야 할지 알기 어려웠다.
Navigation — 콘텐츠는 여러 분야에 걸쳐 있는데 Home과 About 외에는 들어갈 길이 없었다.

따라서 해결해야 할 질문도 “홈을 어떻게 예쁘게 만들까?”가 아니었다.

처음 방문한 사람이 10초 안에 이 블로그가 무엇을 다루는지 이해하고, 자신에게 맞는 다음 글을 고를 수 있는가?

DECISION 01 — 주제가 아니라 관점을 브랜드로 잡았다

대시보드, UX, 데이터, AI Agent는 서로 다른 분야다. 이 네 단어를 단순히 병렬로 붙이면 블로그는 잡지처럼 보일 수 있지만 하나의 브랜드처럼 느껴지지는 않는다.

공통점을 다시 봤다. 네 영역에서 반복되는 질문은 같았다.

무엇을 먼저 봐야 하는가?
어떤 근거로 판단해야 하는가?
어떤 구조가 더 적절한가?
무엇을 버리고 무엇을 남겨야 하는가?

그래서 홈의 주제를 “대시보드”에서 판단으로 올렸다.

AFTER
복잡한 제품을 더 잘 판단하는 법.

이 문장은 네 분야를 모두 직접 나열하지 않는다. 대신 왜 이 블로그가 여러 분야를 함께 다루는지 설명한다. 그 아래에서 Design Direction, Product & UX, Data Visualization, AI Agent Systems를 구체적으로 제시한다.

포지셔닝을 넓힌 것이 아니라 추상화 수준을 한 단계 올린 것이다.

DECISION 02 — 글 목록보다 읽기 순서를 먼저 만들었다

기존 홈은 제목 아래에 바로 글 목록이 이어졌다. 글이 몇 편 없을 때는 충분하다. 하지만 글이 쌓일수록 독자는 선택 비용을 지불해야 한다.

그래서 홈을 다음 순서로 다시 짰다.

START HERE
↓
LATEST
↓
FOUR DOMAINS
↓
RUDA PRINCIPLES

START HERE는 첫 방문자의 선택 부담을 줄인다. 대표 글 세 편만 보여준다. LATEST는 재방문자가 최근 업데이트를 바로 찾게 한다. FOUR DOMAINS는 관심 주제로 내려가는 경로다. 마지막 RUDA PRINCIPLES는 이 블로그의 글을 어떤 기준으로 만들고 있는지 설명한다.

콘텐츠를 더 추가한 것이 아니라, 같은 콘텐츠에 입구와 순서를 부여한 것이다.

DECISION 03 — 오래된 글부터 보여주던 순서를 뒤집었다

기존 홈의 글 목록은 오래된 글이 먼저 보이도록 설정되어 있었다. 새 글을 계속 발행하는 블로그에서는 치명적인 구조다. 독자가 홈에 다시 와도 변화가 보이지 않는다.

이를 최신순으로 바꿨다. 작은 설정이지만 의미는 크다. 홈은 아카이브가 아니라 현재 무엇을 생각하고 있는지 보여주는 전면이어야 하기 때문이다.

DECISION 04 — 카드보다 편집 위계를 선택했다

홈을 새로 만들면서 일부러 하지 않은 것도 있다. 큰 이미지, 서비스형 카드, 아이콘 세트, 과도한 배경색을 넣지 않았다.

RUDA DIRECTOR는 글과 판단이 중심인 퍼블리케이션이다. 따라서 시각적 정체성도 타이포그래피, 여백, 순서, 반복되는 편집 언어에서 나오는 편이 맞다고 판단했다.

지금 사용 중인 NotesLab의 좁은 본문 폭은 긴 글을 읽기에 적합하고, 큰 헤딩 스케일도 이미 충분한 대비를 만든다. 테마 전체를 바꾸기보다 현재 시스템의 강점을 유지하면서 정보 구조만 다시 잡았다.

BEFORE / AFTER — 실제로 무엇이 달라졌나

항목	Before	After
Positioning	대시보드 중심	판단을 중심으로 여러 도메인을 통합
Hero	판단이 쉬운 대시보드 만들기	복잡한 제품을 더 잘 판단하는 법
첫 진입	글 목록	대표 글 3편
최신 글	오래된 글 우선	최신 글 우선
탐색	Home / About	Start / Product & UX / Data / AI & Agent / About
브랜드 설명	주제 소개	편집 원칙까지 공개

AFTER — 화면보다 중요한 것은 독자가 무엇을 이해하게 됐는가

이번 수정의 목적은 홈을 더 화려하게 만드는 것이 아니었다. 방문자가 다음 네 가지를 빠르게 이해하게 만드는 것이었다.

이 블로그는 어떤 관점을 가진 곳인가.
처음이라면 무엇부터 읽어야 하는가.
내 관심 분야의 글은 어디에 있는가.
이 글들은 어떤 기준으로 만들어지는가.

이 네 질문에 대한 답이 한 화면 안에서 연결되면 홈은 단순한 글 목록이 아니라 브랜드의 편집 인터페이스가 된다.

이 사례에서 남길 Decision Rule

콘텐츠가 쌓였는데 브랜드가 약하다면, 디자인을 더하기 전에 홈이 현재의 콘텐츠 범위를 정확히 설명하고 있는지 먼저 확인한다.

홈페이지는 가장 많은 정보를 보여주는 곳이 아니다. 무엇을 다루고, 무엇부터 보고, 어디로 가야 하는지를 가장 짧게 결정하게 하는 곳이다.

현재 홈 보기
RUDA DIRECTOR

이 시리즈의 원칙
Before → Diagnosis → Decision → After. 결과보다 수정의 이유를 남깁니다.