기업/그룹
삼양마린그룹
  • #종합항만물류서비스 #항만하역
CLIENTS.
삼양마린그룹
DATE.
2020.03.09
TYPE.
Responsive Web

기업/그룹

삼양마린그룹 #종합항만물류서비스 #항만하역
기업/그룹
삼양마린그룹
  • #종합항만물류서비스 #항만하역
CLIENTS.
삼양마린그룹
DATE.
2020.03.09
TYPE.
Responsive Web
Device.

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

기획의도.

메인 카피문구를 흰 배경과 조합하여 문구를 더욱 부각시켰고 바로 하단에 메인비쥬얼(드론 풀 영상)을 위치하여 독특한 레이아웃을 구성하였습니다.
그룹사 소개는 6개의 그룹이 좌우로 슬라이드되도록 구성하였으며,
최신 트렌디한 웹사이트를 벤치로하여 세련되고 느낌있게 레이아웃 구성을 해보았습니다.

Design Concept.

로고의 3가지 컬러를 바리에이션하여 아이덴티티를 살리면서
동그라미 형태를 포인트 요소로만 활용하여 정갈하면서
깔끔한 느낌으로 작업하였습니다.

Colors.
Typo.
Proposal Design.

A타입은 삼양마린그룹의 아이덴티티가 강하게 느껴질 수 있도록 로고의 동그라미 형태를 활용하여 마치 물방울이 튀는 듯한 느낌이 나도록 만들었습니다.
로고의 3가지 컬러를 바리에이션하여 아이덴티티를 살리면서 시원하고 활기찬 느낌을 담고자 하였습니다.
B타입과 C타입은 약간 정적인 컨셉으로, 동그라미 형태를 포인트 요소로만 활용하여 절제된 느낌으로 디자인하였습니다.

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

스크롤을 내릴 때 마다 요소들이 나타나는 효과를 구현하였으며,
그룹사 소개 컨텐츠의 마우스 오버 시 이미지가 넓어지는 효과를 구현하였습니다.

관련 프로젝트.
List