글로벌 스포츠 네트워크를 담은 에이전시 브랜드 웹사이트

S4 INTERNATIONAL의 선수 매니지먼트 역량과 글로벌 네트워크, 비즈니스 경쟁력을 효과적으로 전달하기 위해 구축한 공식 웹사이트입니다. 첫 화면에서 브랜드 메시지와 대표 선수를 강하게 노출한 뒤, 소속 선수 → 제휴 네트워크 → 회사의 가치 → 비즈니스 영역 → 글로벌 파트너 → 문의로 이어지는 구조를 통해 스포츠 에이전시로서의 전문성과 확장성을 단계적으로 보여주도록 설계했습니다. 특히 어두운 네이비와 블랙을 기반으로 스포츠 브랜드 특유의 강한 인상을 형성하고, 골드 컬러를 포인트로 사용해 프리미엄 에이전시의 이미지를 강조했습니다.

#S4INTERNATIONAL
#스포츠에이전시
#선수매니지먼트
#축구에이전시
#기업웹사이트
#브랜드웹사이트
#반응형웹
#UIUX

Client: 에스포인터네셔널
Category: 기타

Design Concept

가능성을 가치로 확장하는 스포츠 경험

스포츠 에이전시의 핵심 자산인 선수, 네트워크, 전문성이 가장 먼저 드러나도록 시각적 우선순위를 설계했습니다.
대형 선수 이미지와 딥 네이비 배경을 중심으로 강한 스포츠 브랜드 이미지를 형성하고, 골드 컬러를 포인트로 사용해 프리미엄 매니지먼트 기업의 정체성을 강조했습니다.
또한 선수 소개, 제휴사, 비즈니스 영역, 파트너 정보를 카드와 그리드 형태로 정리해 정보량이 많아도 사용자가 빠르게 구조를 이해할 수 있도록 구성했습니다.

Design Elements

01

선수를 중심으로 보여주는 브랜드

대표 선수와 소속 선수 이미지를 전면에 배치해 S4 INTERNATIONAL의 핵심 경쟁력이 무엇인지 직관적으로 보여주었습니다.
선수명, 포지션, 소속팀 등의 정보를 시각적으로 정돈해 인물 중심의 강한 브랜드 경험을 형성했습니다.
02

글로벌 네트워크의 확장성

국내외 제휴사와 파트너, 스포츠 네트워크를 별도의 콘텐츠 영역으로 구성해 선수 매니지먼트가 단일 조직 안에서 끝나는 것이 아니라 다양한 파트너와 연결되는 구조임을 보여주었습니다.
03

선수의 가치를 높이는 비즈니스 구조

Representation, Talent Scout, Commercial, Legal & Finance 등 핵심 비즈니스 영역을 명확하게 구분해 S4 INTERNATIONAL이 선수에게 제공하는 서비스를 구체적으로 전달했습니다.
단순 에이전트 역할을 넘어 선수의 전체 커리어를 관리하는 조직이라는 인상을 강화했습니다.

Responsive

디바이스 대응

PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.

Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일

Design System

컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.

Colors

Main Color#0F1E33

Sub Color#31425A

Point Color#C9AD67
Deep Navy#0F1E33
Slate Blue#31425A
Champagne Gold#C9AD67
Deep Black#07070A

Typography

Aa 가나다 Pretendard

가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Weight

가나다 Aa
가나다 Aa

Regular · Bold

Aa 가나다 Gilroy

가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Weight

가나다 Aa
가나다 Aa

Regular · Bold

Main Page

메인 페이지

첫 화면에서 브랜드와 핵심 서비스를 먼저 보여주고,
스크롤 흐름에 따라 필요한 정보로 자연스럽게 이어지도록 구성했습니다.

www.example.com

스크롤하여 전체 보기 ↓

Sub Page

서브 페이지

주요 서브 페이지를 같은 규칙으로 설계했습니다.

02 Pages

글로벌 스포츠 네트워크를 담은 에이전시 브랜드 웹사이트 서브 페이지 1 — Sub Page S4 네트워크 소개 01

글로벌 스포츠 네트워크를 담은 에이전시 브랜드 웹사이트 서브 페이지 2 — Sub Page ABOUT 페이지 02

Note

선수·비즈니스·네트워크 정보를 동일한 구조 안에서 확장할 수 있도록 설계했습니다.

선수 소개, 제휴사, 회사 소개, 파트너 등 콘텐츠 성격은 다르지만 공통 레이아웃과 디자인 규칙을 적용해 전체 사이트의 일관성을 유지했습니다.
각 서브페이지는 핵심 비주얼 → 주요 정보 → 상세 콘텐츠 → 관련 정보 → 문의 CTA의 흐름을 기본 구조로 사용해 콘텐츠 확장성과 유지보수 효율을 함께 확보했습니다.

Grid: 1200px 기준 12컬럼 그리드를 적용해 선수 카드, 프로필 정보, 파트너 영역 등 다양한 콘텐츠를 안정적으로 배치했습니다.
Header: 각 서브페이지에 동일한 비주얼 구조를 적용하고 선수 이미지나 카테고리별 콘텐츠만 변경해 브랜드 일관성을 유지했습니다.
CTA: 선수, 제휴, 비즈니스 정보를 확인한 사용자가 바로 협업 및 문의로 이어질 수 있도록 각 서브페이지 하단에 공통 CTA 영역을 배치했습니다.

Mobile

모바일 환경에서 자주 쓰는 기능을 손이 닿는 곳에 배치했습니다.

Bottom Bar

하단 고정 바선수 · 파트너 · 문의 등 주요 기능 빠른 접근

퀵 메뉴핵심 선수 정보와 비즈니스 영역을 짧은 동선으로 탐색

Optimization

Menu

PC선수, 제휴사, 회사, 파트너 등 전체 콘텐츠를 폭넓게 탐색

MO선수와 핵심 비즈니스 정보를 중심으로 주요 메뉴를 간결하게 구성
Layout

PC선수 카드와 제휴 네트워크를 넓은 화면의 그리드 구조로 배치

MO인물과 핵심 정보를 세로 흐름으로 재구성해 빠른 탐색 지원
Typography

PC대형 영문 헤드라인과 강한 대비로 스포츠 브랜드의 역동성 강조

MO선수명과 핵심 정보를 빠르게 읽을 수 있도록 텍스트 크기와 위계 최적화
Image

PC선수 이미지를 크게 활용해 브랜드의 에너지와 존재감 강조

MO인물 중심으로 크롭과 비율을 조정해 작은 화면에서도 시선 집중