Liverpool FC 리뉴얼 히어로 이미지
Redesign

Liverpool FC

Liverpool FC 체험하기

Liverpool FC Highlight

콘텐츠 피드형 홈을 팬 여정 중심 클럽 허브로 재구성.

Liverpool FC 공식 홈페이지의 문제는 콘텐츠 부족이 아니라 정보 우선순위의 분산이었습니다.
이 프로젝트에서는 팬의 방문 목적과 클럽 정체성을 기준으로 메인 페이지의 구조를 다시 설계했습니다.

Project Snapshot

Duration
4 Weeks
Type
Desktop Homepage Redesign
My Role
UX Research · Information Architecture · UI Design · Visual Design
Focus
Information Hierarchy · Fan Journey · Visual Hierarchy · Contextual CTA

Project Goal

뉴스 중심 홈페이지를 팬이 클럽과 관계 맺는 허브로 재정의했습니다.

기존 페이지의 콘텐츠 구조, 시각적 위계, CTA 흐름을 분석하고, 팬이 정보를 찾고 클럽과 관계를 맺는 순서에 맞춰 메인 페이지를 다시 설계했습니다.

Core Shift

Content Feed → Fan Journey Hub

단순히 더 많은 콘텐츠를 보여주는 방식에서 벗어나, 정체성, 정보 탐색, 선수 관심, 역사, 커뮤니티, 행동 전환이 이어지도록 구조를 재편했습니다.

Problem

콘텐츠는 많았지만, 팬이 따라갈 흐름은 약했습니다.

기존 Liverpool FC 홈페이지는 뉴스, 상품, 광고, 경기 정보를 한 화면 안에 강하게 노출하고 있었습니다. 콘텐츠의 양은 충분했지만, 사용자가 어떤 정보를 먼저 보고 어떤 행동으로 이어져야 하는지는 명확하지 않았습니다.

특히 Liverpool FC의 상징색인 레드는 강력한 브랜드 자산이지만, 카드, 배너, CTA, 섹션 배경에 반복적으로 사용되며 시각적 노이즈를 만들고 있었습니다. 이로 인해 여러 요소가 동시에 주목을 끄는 competing focal points가 발생했습니다.

#01정보 우선순위가 분산되어 있었습니다.

뉴스, 상품, 광고, 경기 정보가 비슷한 강도로 배치되어 사용자의 시선이 여러 방향으로 흩어졌습니다.

#02시각적 위계가 약해졌습니다.

레드 컬러와 CTA가 반복적으로 사용되면서 핵심 정보가 오히려 덜 돋보였습니다.

#03팬 여정이 끊겨 있었습니다.

뉴스를 본 이후 경기 정보, 선수, 역사, 커뮤니티, 멤버십으로 이어지는 흐름이 약했습니다.

Research

팬은 공식 홈페이지에서 목적성 정보를 먼저 찾고 있었습니다.

리서치 결과, 팬은 감성적인 콘텐츠보다 경기 일정, 라인업, 티켓, 순위, 선수 정보처럼 명확한 목적을 가진 정보를 먼저 찾고 있었습니다.

Brand Research — 클럽 정체성 자산 정리

Brand Research

클럽은 정보 사이트가 아니라 정체성 기반 커뮤니티였습니다.

You’ll Never Walk Alone, This is Anfield, The Liverpool Way, The Red Way는 팬이 클럽과 감정적으로 연결되는 핵심 자산이었습니다.

Traffic & Keyword — fixtures · lineups · tickets 등 유입 키워드 집계

Traffic & Keyword

방문 목적은 경기와 선수 정보에 집중되어 있었습니다.

fixtures, lineups, tickets, standings, players 중심의 유입은 홈페이지가 경기 전후 필요한 정보를 확인하는 목적성 방문지라는 점을 보여줬습니다.

User Interview — 팬 사용성 인터뷰 정리 노트

User Interview

공식 홈페이지는 방문할 명확한 이유가 필요했습니다.

팬들은 포털과 SNS를 더 편리하게 느꼈고, 공식 홈페이지에서만 얻을 수 있는 정보나 경험이 있을 때 방문할 이유를 느꼈습니다.

AIDA Analysis — 기존 홈페이지의 Attention→Action 단계별 분석

AIDA Analysis

Attention은 강했지만 다음 행동으로 이어지는 흐름은 약했습니다.

뉴스, 상품, 광고, 경기 정보가 혼재되어 있어 사용자가 Interest에서 Desire, Action으로 자연스럽게 이동하기 어려웠습니다.

Reference Analysis — Real Madrid · Arsenal · Bayern Munich 비교 보드

Reference Analysis

레퍼런스 분석은 색상 강조와 CTA 배치 기준을 잡는 데 사용했습니다.

Real Madrid, Arsenal, Bayern Munich 등 유사 스포츠 구단 사이트를 비교하며 섹션 흐름, CTA 배치, 브랜드 컬러 사용 방식을 참고했습니다.

Key Insights

리디자인의 핵심은 더 많이 보여주는 것이 아니라, 무엇을 먼저 보여줄지 결정하는 것이었습니다.

#01팬은 최신 뉴스보다 경기 정보에 먼저 반응했습니다.

팬이 가장 먼저 찾는 정보는 경기 일정, 순위, 라인업, 티켓, 선수 정보였습니다. 따라서 Fixtures & Standings와 Players를 주요 정보 영역으로 배치했습니다.

#02Liverpool FC의 강점은 콘텐츠 양보다 팬의 소속감에 있었습니다.

YNWA는 단순한 문구가 아니라 팬이 클럽과 감정적으로 연결되는 상징이었습니다. 첫 화면을 뉴스 카드 중심이 아니라 팬 이미지와 YNWA 메시지 중심으로 재구성했습니다.

#03과도한 액센트는 브랜드를 강화하기보다 시선을 분산시켰습니다

레드는 Hero, 주요 CTA, 선택 상태처럼 정보 우선순위와 행동 유도에 직접 관여하는 요소에만 제한적으로 사용했습니다. 이를 통해 visual hierarchy와 color hierarchy를 다시 세웠습니다.

Design Strategy

리디자인의 기준은
팬의 목적과 클럽 정체성을 함께
만족시키는 것이었습니다.

팬이 필요한 정보를 빠르게 찾고, 클럽의 정체성에 몰입하고,
자연스럽게 다음 행동으로 이어지도록 페이지 흐름을 다시 설계했습니다.

Purpose First

팬이 자주 찾는 경기 일정, 순위, 선수 정보를 상단 흐름 안에서 빠르게 확인할 수 있도록 구성했습니다.

Identity Before Feed

최신 뉴스보다 클럽 정체성과 팬의 소속감을 먼저 전달하도록 Hero를 재설계했습니다.

Journey over Listing

콘텐츠를 단순히 나열하지 않고, 팬의 관심이 깊어지는 순서로 배치했습니다.

Controlled Accent

브랜드 컬러를 중요한 정보와 행동에만 제한적으로 사용해 시각적 위계를 명확히 했습니다.

Contextual Action

티켓, 멤버십, 스토어, 커뮤니티 참여를 팬 경험의 흐름 안에 배치했습니다.

Information Architecture

페이지 구조는 콘텐츠 피드에서
팬 여정으로 재편했습니다.

AS-IS

Content-heavy Feed

기존 구조는 뉴스 카드와 상품, 광고, 경기 정보가 반복적으로 섞여 있는 콘텐츠 피드에 가까웠습니다. 사용자는 다양한 콘텐츠를 볼 수 있었지만, 무엇이 가장 중요한 정보인지 판단하기 어려웠습니다.

TO-BE

Fan Journey Hub

새로운 구조는 Hero에서 클럽 정체성을 전달하고, 경기 정보와 선수 탐색, 역사, 스토어, 멤버십, 커뮤니티로 확장되는 팬 여정 중심으로 재편했습니다.

AS-IS

  • Top News Grid
  • Mixed Main Stories
  • Fixtures & Standings
  • Ad Banner
  • Store
  • Video / LFC TV / Inside / Training
  • Ad / Promotion
  • Latest News Cards
  • Featured Article
  • Player Stats
  • History / Identity Quote
  • Club News / Red Way Content
  • Trophy Count
  • Sponsors / Footer

TO-BE

  • Hero
  • Featured
  • Fixtures & Standings
  • Sponsor / Ad Banner
  • LFC Women
  • Have You Seen?
  • Promotion Banner
  • Players
  • History
  • Store
  • Fan Account / Membership CTA
  • Club & Community
  • Sponsors
  • Footer

Final Design

Liverpool FC 리뉴얼 Hero 섹션 최종 디자인

Hero

뉴스보다 클럽 정체성을 먼저 전달해야 했습니다.

Hero의 역할은 최신 뉴스를 보여주는 것이 아니라, Liverpool FC라는 클럽의 감정적 진입점을 만드는 것이었습니다. 동시에 멤버십, 티켓, 스토어를 배치하여 팬 경험의 가치를 높였습니다.

Liverpool FC 리뉴얼 Featured 섹션 최종 디자인

Featured

많은 뉴스를 나열하기보다 핵심 콘텐츠를 선별하는 영역으로 정리했습니다.

Featured 섹션은 오늘의 주요 콘텐츠를 빠르게 확인하는 영역으로 재정의했습니다. 기존 페이지는 여러 뉴스와 콘텐츠가 비슷한 강도로 노출되어 시선이 분산되었습니다.

리디자인에서는 Hero 이후 핵심 콘텐츠를 선별해 보여주도록 구성했습니다. 이를 통해 사용자가 클럽 정체성을 경험한 뒤, 현재 Liverpool FC에서 중요한 이슈로 자연스럽게 이동하도록 했습니다.

Liverpool FC 리뉴얼 Fixtures & Standings 섹션 최종 디자인

Fixtures & Standings

이 자주 찾는 목적성 정보를 빠르게 제공하도록 유지했습니다.

Fixtures & Standings는 팬이 공식 홈페이지에서 가장 자주 찾는 정보를 제공하는 핵심 섹션입니다. 경기 일정, 다음 경기, 순위 정보는 리서치에서 반복적으로 확인된 목적성 정보였습니다.

리디자인에서는 이 섹션을 상단 흐름 안에 유지하되, 정보 모듈로 더 명확하게 정리했습니다. 이를 통해 팬이 뉴스나 프로모션 사이에서 헤매지 않고 경기 관련 정보를 빠르게 확인할 수 있도록 했습니다.

Liverpool FC 리뉴얼 LFC Women 섹션 최종 디자인

LFC Women

보조 콘텐츠가 아니라 독립 섹션으로 승격했습니다.

LFC Women 섹션은 리디자인에서 중요한 구조적 변화입니다. 기존 페이지에서도 Women 관련 콘텐츠가 포함될 수는 있었지만, 독립적인 탐색 흐름으로 강하게 드러나지는 않았습니다.

리디자인에서는 LFC Women을 별도 섹션으로 배치해 Liverpool FC가 남자 1군 중심의 뉴스 사이트가 아니라, 더 넓은 클럽 생태계를 가진 브랜드라는 점을 보여주도록 했습니다.

Liverpool FC 리뉴얼 Have You Seen? 섹션 최종 디자인

Have You Seen?

추가 뉴스를 반복하기보다 추천 콘텐츠 영역으로 정리했습니다.

Have You Seen? 섹션은 사용자가 주요 정보 확인 이후 더 볼 만한 콘텐츠를 발견하도록 돕는 영역입니다. 기존 페이지는 뉴스, 영상, 피처 콘텐츠가 반복되면서 각 섹션의 역할이 흐려졌습니다.

리디자인에서는 이 영역을 추천 콘텐츠 성격으로 정리했습니다. 이를 통해 단순히 최신 뉴스를 계속 나열하는 것이 아니라, 팬의 관심을 이어갈 수 있는 콘텐츠를 선별적으로 제공하도록 했습니다.

Liverpool FC 리뉴얼 Players 섹션 최종 디자인

Players

팬의 관심을 경기 정보에서 선수 탐색으로 확장합니다.

Players 섹션은 팬의 관심이 경기 일정과 순위에서 선수 개인으로 확장되는 지점입니다. 기존 페이지에서도 선수 통계는 있었지만, 페이지 중후반의 정보 모듈처럼 보일 가능성이 컸습니다.

리디자인에서는 Players를 독립적인 팬 관심 확장 섹션으로 구성했습니다. 이를 통해 사용자가 팀 상황을 확인한 뒤 선수와 팀 구성에 대한 관심으로 자연스럽게 이동하도록 했습니다.

Liverpool FC 리뉴얼 History 섹션 최종 디자인

History

기록 나열이 아니라 클럽의 자부심을 보여주는 영역으로 다뤘습니다.

History 섹션은 Liverpool FC의 역사와 우승 기록을 보여주는 영역입니다. 이 섹션의 목적은 단순히 트로피 수를 보여주는 것이 아니라, 팬이 클럽의 시간성과 자부심을 느끼도록 하는 것입니다.

리디자인에서는 History를 브랜드 신뢰와 소속감을 강화하는 구간으로 배치했습니다. 이를 통해 팬의 관심이 현재 경기와 선수에서 클럽의 역사와 정체성으로 확장되도록 했습니다.

Liverpool FC 리뉴얼 Store 섹션 최종 디자인

Store

상품을 직접 판매하기보다 브랜드 경험으로 연결했습니다.

이 섹션은 팬이 클럽의 정체성과 선수, 역사에 몰입한 이후 상품 경험으로 자연스럽게 연결되도록 합니다. 판매를 전면에 내세우기보다, 브랜드 경험의 연장선으로 상품을 배치한 구조입니다.

Liverpool FC 리뉴얼 Fan Account / Membership CTA 섹션 최종 디자인

Fan Account / Membership CTA

소속감을 행동으로 전환하는 구간입니다.

Fan Account / Membership CTA는 팬이 클럽의 정체성과 역사에 공감한 뒤, 실제 참여 행동으로 이어지도록 만드는 구간입니다. 기존 페이지에서는 역사, 정체성, 상품, 커뮤니티 콘텐츠가 각각 분리되어 있어 사용자가 “다음에 무엇을 하면 되는지”가 명확하지 않았습니다.

리디자인에서는 History와 Product / Kit Visual Section 이후에 Fan Account / Membership CTA를 배치했습니다. 이를 통해 팬이 클럽의 자부심과 브랜드 경험을 확인한 뒤, 계정 생성이나 멤버십 가입처럼 더 지속적인 관계로 이어질 수 있도록 했습니다. 이 섹션은 단순한 가입 버튼이 아니라, 팬의 소속감을 행동으로 바꾸는 전환 지점입니다.

Liverpool FC 리뉴얼 Club & Community 섹션 최종 디자인

Club & Community

클럽의 사회적 가치와 팬 커뮤니티를 보여주는 마무리 섹션입니다.

Club & Community 섹션은 Liverpool FC가 단순한 축구팀이 아니라 팬, 지역사회, 미래 세대와 연결된 브랜드라는 점을 보여줍니다. The Red Way와 같은 클럽의 사회적 가치도 이 흐름 안에서 설명할 수 있습니다.

리디자인에서는 이 섹션을 하단 주요 영역으로 배치해, 페이지가 단순 뉴스 소비나 상품 구매에서 끝나지 않도록 했습니다. 팬이 클럽의 가치와 커뮤니티 활동까지 확인하며 페이지를 마무리하도록 구성했습니다.

Outcome

리디자인의 핵심 결과는 시각 스타일 변경이 아니라 정보 구조의 전환이었습니다. 팬의 주요 방문 목적과 클럽의 정체성 자산을 함께 반영해, 메인 페이지를 최신 콘텐츠를 나열하는 피드에서 팬이 정보를 찾고 클럽과 관계를 맺는 허브로 재구성했습니다.

Reflection

강조를 더하는 것이 아니라,
강조를 줄이는 방식.

이번 프로젝트의 핵심 학습은 브랜드 컬러와 CTA를 많이 사용하는 것이 항상 강한 경험으로 이어지지 않는다는 점이었습니다. 과도한 강조는 visual noise를 만들고, 사용자가 중요한 정보를 빠르게 판단하는 것을 방해할 수 있었습니다.

따라서 리디자인의 방향은 더 강하게 꾸미는 것이 아니라, 무엇을 강조하지 않을지 결정하는 것이었습니다. 액센트 컬러와 CTA의 사용 범위를 제한함으로써 정보의 우선순위가 더 명확해졌고, 팬의 탐색 흐름도 더 자연스러워졌습니다.