제조/기계/금속/소재
모던텍
  • #전기차 충전사업 #관제시스템 구축 #지능형 EV 충전스테이션
CLIENTS.
모던텍
DATE.
2023.10.10
TYPE.
Responsive Web
제작중

제조/기계/금속/소재

모던텍 #전기차 충전사업 #관제시스템 구축 #지능형 EV 충전스테이션
제조/기계/금속/소재
모던텍
  • #전기차 충전사업 #관제시스템 구축 #지능형 EV 충전스테이션
CLIENTS.
모던텍
DATE.
2023.10.10
TYPE.
Responsive Web
Device.

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

Design Concept.

전기 충전 기업의 아이덴티티를 부각시킬 수 있도록
직관적인 영상과 이미지를 조합하여 구성하였으며
EV스테이션 컨텐츠를 부각시켜
테크니컬하면서 깔끔한 느낌으로 작업하였습니다.

Colors.
Typo.
Proposal Design.

A타입은 최신 웹 트렌드를 반영하여 제작한 시안으로 기업의 미래 지향적인 기술개발 사업 방향성에 부합하도록
고급스럽고 테크니컬한 디자인 요소를 적용시켜보았습니다.
어두운 배경톤에 전기차 충전기를 선으로 표현한 일러스트를 활용하여
기술이 가지고 있는 전문적이고 고급스러운 아우라를 임팩트 있게 표현하고자 하였습니다.
B타입은 기업이 추구하는 니즈에 맞게 작업하였습니다.
왼쪽에 현 위치 내용을 확인할 수 있는 네비게이션을 구성하였고 전체적으로 밝은 배경톤과 블루색상의 컬러를 활용한 포인트 강조로
테크니컬하면서 깔끔한 분위기로 제작하여 보았습니다.

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

인트로 페이지에서 모던텍의 로고가 빛의 방향에 따라 반짝이는 인터렉션 효과를 구현하였으며,
스크롤 시 한 단씩 떨어지는 원 스크롤 방식을 적용하여 사용자의 편의성을 강조하였습니다.

관련 프로젝트.
List