제조/기계/금속/소재
디아이씨
  • #디아이씨 #챔버 제조 #챔버 설계
CLIENTS.
DIC
DATE.
2022. 11. 07
TYPE.
Responsive Web

제조/기계/금속/소재

디아이씨 #디아이씨 #챔버 제조 #챔버 설계
제조/기계/금속/소재
디아이씨
  • #디아이씨 #챔버 제조 #챔버 설계
CLIENTS.
DIC
DATE.
2022. 11. 07
TYPE.
Responsive Web
Device.

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

기획의도.

디아이씨의 아이덴티티를 부각시키고 제품을 강조하고자 메인비주얼에서 DIC 로고가 나타난 후
제품의 일러스트가 그려진 후 실사 이미지로 변경되도록 기획하였습니다.

PHOTO.

프로젝트 작업에 필요한 이미지 및 영상을 직접 촬영하였습니다.

Design Concept.

디아이씨 심볼색상인 핑크와 네이비블루를 적절히 활용하여 작업하였습니다.
메인비주얼의 제품들이 그려지다가 제품의 실사로
바뀌는 효과를 구현하여 제품을 부각시키도록 구성하였습니다.

Colors.
Typo.
Proposal Design.

A타입은 디아이씨 심볼색상인 핑크와 네이비블루를 적절히 활용하여 작업하였습니다.
메인비주얼의 제품은 네온사인처럼 반짝이다가 제품의 실사로 바뀌는 효과를 생각하였습니다.
B타입은 핑크 컬러보다 네이비 컬러를 주된 메인컬러로 활용해 톤 다운을 시키면서 보다 깔끔하고 세련된 느낌을 주었습니다.
메인비주얼의 제품들이 그려지다가 제품의 실사로 바뀌는 효과를 구현할 예정입니다.

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

디아이씨 제품의 일러스트를 SVG 기법을 활용하여 천천히 그려지도록 모션을 구현하였으며.
기업을 강조하기 위해 확대되어있는 DIC 로고가 점차 축소되도록 구현하였습니다.

관련 프로젝트.