기업/그룹
김포FC
  • #축구 #K2리그
CLIENTS.
김포FC
DATE.
2021. 08. 20.
TYPE.
Responsive Web

기업/그룹

김포FC #축구 #K2리그
기업/그룹
김포FC
  • #축구 #K2리그
CLIENTS.
김포FC
DATE.
2021. 08. 20.
TYPE.
Responsive Web
Device.

디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 반응형 웹으로 제작되었습니다.

기획의도.

함께하는 축구, 승리하는 김포! 지역 응원에 보답하고 시민과 소통하고, 축구로 즐거움을 주는 구단임을 표현하기 위해
김포FC 감독님이 파이팅 하는 모습과 선수들의 재치있는 모습을 직접 촬영한 사진으로 메인 비주얼을 기획하였습니다.

Design Concept.

김포FC 감독님이 파이팅 하는 모습과 선수들의 재치있는 모습을 직접 촬영한 후
누끼 작업을 하여 메인비주얼에 강조하였습니다.
사용자들이 많이 찾는 정보인 최근 매치업이나 경기 결과를 상단에 배치하였으며
블루와 민트 색상을 그라데이션으로 활용하여 산뜻한 느낌을 주었습니다.

Colors.
Typo.
Proposal Design.

A시안은 진지한 포즈들을 선정하여 멋있고 진중한 느낌을 주고자 하였습니다. 스크롤 시 백그라운드 색상이 자연스럽게 변경되도록 구성해보았습니다.
B시안은 A시안과는 다르게 활동적이고 화이팅 넘치는 포즈를 선정하였으며 축구 잔디구장의 느낌을 살려 스프레이트 요소를 활용해보았습니다.
C시안은 감독님의 전체 컷을 메인페이지에 활용해보았습니다.

  • A Type
  • B Type
  • C Type
Confirm Design.
Go Website
Sub Design.
Motion.

선수들의 재치있는 모습을 한 명씩 나타내도록 하여 사용자에게 몰입감을 주었으며,
김포FC의 전체적인 분위기와 깔끔하고 심플하게 구성된 레이아웃에 맞추어 과하지 않은 모션 효과를 구현하였습니다.

관련 프로젝트.
List