기업/그룹
선광
  • #종합물류기업 #물류 #컨테이너터미널 #그레인터미널
CLIENTS.
선광
DATE.
2024.11.08
TYPE.
Responsive Web

기업/그룹

선광 #종합물류기업 #물류 #컨테이너터미널 #그레인터미널
기업/그룹
선광
  • #종합물류기업 #물류 #컨테이너터미널 #그레인터미널
CLIENTS.
선광
DATE.
2024.11.08
TYPE.
Responsive Web
Device.

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

Motion.

크레인이 내려오면서 컨테이너 박스 안의 영상이 풀비주얼로 확대되는 모션을 구현하여 기업의 아이덴티티를 부각시켰으며,
스크롤 시 이미지가 고정되면서 각각의 사업분야에 대한 내용이 노출되도록 구현하는 등 사용자의 편의성을 고려하여 인터렉션을 구현하였습니다.

Design Concept.

기업의 아이덴티티를 부각시킬 수 있도록
사업분야의 일러스트를 직접 작업하여
메인 컨텐츠로 활용하였으며,
시그니처 컬러인 퍼플 컬러를
적재적소에 활용하였습니다.

Colors.
Typo.
Proposal Design.

​A타입은 웹 트렌드를 반영하여 제안드리는 타입으로
차별화된 영문 폰트를 크게 활용해보았으며 콘텐츠가 스크롤에 반응하여 움직이는 스크롤 모션을 구현하여
사이트에 역동감을 더하였습니다.
또한 이미지와 영상을 적재적소 배치하여 기업의 정체성을 부각시켰으며
일러스트를 디테일한 라인 요소로 표현하여 세련된 느낌을 가미하였습니다.
​B타입과 C타입은 니즈에 맞춰 작업한 타입으로, 세련되고 깔끔한 느낌을 작업한 시안입니다.
정해주신 자주색 컬러를 메인 포인트 컬러로 활용하였으며, 그에 어울리는 다크 네이비 컬러를 적절히 활용하였습니다.
선광 심볼의 마름모 모형을 디자인 요소로 활용하여 기업의 아이덴티티를 부각시켰습니다.
B타입은 전체 그룹사를 인포그래픽 형식으로 구성한 후, 각 그룹사에 대한 아이콘을 사용하여
한 눈에 볼 수 있도록 작업하였으며, C타입은 직관적인 이미지를 활용하여 사용자의 이해도를 높였습니다.

  • A Type
  • B Type
  • C Type
Confirm Design.
Sub Design.