LIFECULTURE SOLUTION
SPC GROUP
WEBSITE REDESIGN
DESKTOP/MOBILE
SPC 던킨도너츠 브랜드 이미지
던킨도너츠
SPC 파리바게뜨 브랜드 이미지
파리바게트
SPC 베스킨라빈스 브랜드 이미지
베스킨라빈스
PROJECT OVERVIEW
SPC그룹은 파리바게뜨, 배스킨라빈스, 던킨도너츠 등 다양한 인기 브랜드를 운영하는
대한민국의 대표적인 종합 식품기업입니다. 기존의 정돈되지 않은 톤앤매너와
브랜드의 강점을 충분히 전달하지 못하던 디자인에서 벗어나, 콘텐츠를 재정립하고 SPC만의
톤앤매너를 반영한 직관적이고 트렌디한 기업 사이트로 새롭게 구축하고자 합니다.
PROJECT OVERVIEW
SPC그룹은 파리바게뜨, 배스킨라빈스, 던킨도너츠 등 다양한 인기 브랜드를 운영하는
대한민국의 대표적인 종합 식품기업입니다. 기존의 정돈되지 않은 톤앤매너와
브랜드의 강점을 충분히 전달하지 못하던 디자인에서 벗어나, 콘텐츠를 재정립하고 SPC만의
톤앤매너를 반영한 직관적이고 트렌디한 기업 사이트로 새롭게 구축하고자 합니다.
SPC 던킨도너츠 브랜드 이미지 (모바일)
던킨도너츠
SPC 파리바게뜨 브랜드 이미지 (모바일)
파리바게트
SPC 베스킨라빈스 브랜드 이미지 (모바일)
베스킨라빈스
SPC 브랜드 슬라이드 섹션 타이틀
SPC 브랜드 슬라이드 섹션 타이틀 (모바일)
실시간으로 생동감 있게 표현되는 화면을 통해, SPC의 다양한
브랜드를 이미지 기반으로 직관적으로 탐색할 수 있도록 합니다.
SPC KRUMB 브랜드 대표 이미지SPC KRUMB 브랜드 대표 이미지 (모바일)
KRUMB
SPC 던킨도너츠 브랜드 대표 이미지SPC 던킨도너츠 브랜드 대표 이미지 (모바일)
던킨도너츠
SPC 커피앳웍스 브랜드 대표 이미지SPC 커피앳웍스 브랜드 대표 이미지 (모바일)
커피앳웍스
SPC 스트릿 브랜드 대표 이미지SPC 스트릿 브랜드 대표 이미지 (모바일)
스트릿
SPC 삼립 브랜드 대표 이미지SPC 삼립 브랜드 대표 이미지 (모바일)
삼립
SPC 베스킨라빈스 브랜드 대표 이미지SPC 베스킨라빈스 브랜드 대표 이미지 (모바일)
베스킨라빈스
SPC 쉐이크쉑 브랜드 대표 이미지SPC 쉐이크쉑 브랜드 대표 이미지 (모바일)
쉐이크쉑
SPC 파리바게뜨 브랜드 대표 이미지SPC 파리바게뜨 브랜드 대표 이미지 (모바일)
파리바게뜨
SPC 빚은 브랜드 대표 이미지SPC 빚은 브랜드 대표 이미지 (모바일)
빚은
SPC 파스쿠찌 브랜드 대표 이미지SPC 파스쿠찌 브랜드 대표 이미지 (모바일)
파스쿠찌
SPC 해피포인트 브랜드 대표 이미지SPC 해피포인트 브랜드 대표 이미지 (모바일)
해피포인트
SPC 더월드바인 브랜드 대표 이미지SPC 더월드바인 브랜드 대표 이미지 (모바일)
더월드바인
01 ROUND
SPC의 부드럽고 활기찬 브랜드 무드를
시각적으로 전달하기 위해,
라운드 쉐입을 핵심 요소로 활용하였습니다.
SPC 디자인 에센스 섹션 로고
02 MODULAR
모듈 레이아웃을 사용하여
콘텐츠가 실시간으로 업데이트되는 듯이 활발하고 동적인
분위기를 표현하였습니다.
03 VARIOUS COLOR
채도가 강한 컬러 팔레트를 다양하게 활용하여
SPC가 가진 생동감 있고 활기 넘치는 브랜드 이미지를
강화하였습니다.
SPC그룹 기업 사이트 리디자인 디자인 에센스 시각화 이미지
DESIGN
ESSENCE
01 ROUND
SPC의 부드럽고 활기찬 브랜드 무드를 시각적으로 전달하기 위해, 라운드 쉐입을 핵심 요소로 활용하였습니다.
02 MODULAR
모듈 레이아웃을 사용하여 콘텐츠가
실시간으로 업데이트되는 듯이 활발하고 동적인 분위기를 표현하였습니다.
03 VARIOUS COLOR
채도가 강한 컬러 팔레트를 다양하게
활용하여 SPC가 가진 생동감 있고 활기 넘치는 브랜드 이미지를 강화하였습니다.
DESIGN SYSTEM
spc 로고 서체와 통일된 Rubik 서체를 영문포인트로 사용하며,
한글 서체로는 가독성과 판독성이 뛰어난 pretendard
서체를 
사용하였습니다.
브랜드 컬러인 스카이블루 컬러를 적극 
사용하여 브랜드 아이덴티티를 강조합니다.
EN
Rubik
SPC 기업 사이트 영문 서체 Rubik 타이포그래피 예시 SPC 기업 사이트 영문 서체 Rubik 타이포그래피 예시 (모바일)
KR
Pretendard
SPC 기업 사이트 한글 서체 Pretendard 타이포그래피 예시 SPC 기업 사이트 한글 서체 Pretendard 타이포그래피 예시 (모바일)
SPC 기업 사이트 브랜드 컬러 팔레트 — 스카이블루 계열 주요 색상
PRIMARY BLUE
#3CB4E5
R60 G180 B229
SUB BLUE
#96BCEB
R150 G188 B235
YELLOW
#FED400
R254 G212 B0
LIGHT GRAY
#F5F5F5
R245 G245 B245
BLACK
#000000
R0 G0 B0
MAIN PAGE
SPC그룹의 다양한 브랜드와 계열사 정보를 효율적으로 
전달하기 위해
모듈형 레이아웃을 적용하였으며,
콘텐츠에 대한 호기심과 흥미를 유도하기 위해 이미지 중심의 
구성으로 우선 노출하였습니다.
SPC그룹 기업 사이트 메인 페이지 리디자인 PC 화면
SPC 메인 페이지 모듈형 레이아웃 서브 화면
SPC 메인 페이지 상단 네비게이션 및 헤더 화면
SPC그룹 기업 사이트 메인 페이지 리디자인 모바일 화면 SPC 메인 페이지 상단 영역 모바일 화면
SPC 메인 페이지 모듈형 레이아웃 모바일 서브 화면
SPC그룹 기업 사이트 브랜드 페이지 PC 화면 1
SPC그룹 브랜드 페이지 PC 화면 2 — 모듈형 브랜드 목록
BRAND PAGE
모듈형 구조를 적용하여 SPC의 다양한 브랜드를 한눈에 볼 수 있도록
구성하였으며, 클릭 시 각 브랜드의 상세 콘텐츠로 쉽게 접근할 수 있도록
설계하여 직관적이고 효율적인 사용자 경험을 제공합니다.
SPC 브랜드 페이지 개별 브랜드 상세 화면
BETER TASTE,
          BETTER LIFE
BRAND PAGE
모듈형 구조를 적용하여 SPC의 다양한 브랜드를
한눈에 볼 수 있도록 구성하였으며, 클릭 시 각 브랜드의
상세 콘텐츠로 쉽게 접근할 수 있도록 설계하여 직관적이고
효율적인 사용자 경험을 제공합니다.
SPC그룹 기업 사이트 브랜드 페이지 모바일 화면 1
SPC 브랜드 페이지 모바일 화면 2 — 모듈형 브랜드 목록
SPC 브랜드 페이지 모바일 화면 3 — 브랜드 상세 이미지
SPC is a global food company delivering
LIFECULTURE for better life
SPC그룹 기업 사이트 기업 소개 페이지 PC 화면SPC그룹 기업 사이트 기업 소개 페이지 모바일 화면
SPC그룹 기업 사이트 글로벌 푸드 기업 소개 콘텐츠 PC 화면SPC그룹 기업 사이트 글로벌 푸드 기업 소개 콘텐츠 모바일 화면
Happiness
  in every bite
Happiness
in every bite
DAN-BI CHOI EUN-CHUL SHIN JUNG-A LIM
YU-GYEOM LEE
YOUNG-HA JO DO-HEE KIM