건축/건설/분양/인테리어
플랜엠
  • #모듈러 #친환경모듈러
CLIENTS.
플랜엠
DATE.
2023.10.26
TYPE.
Responsive Web
제안작업중

건축/건설/분양/인테리어

플랜엠 #모듈러 #친환경모듈러
건축/건설/분양/인테리어
플랜엠
  • #모듈러 #친환경모듈러
CLIENTS.
플랜엠
DATE.
2023.10.26
TYPE.
Responsive Web
Device.

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

기획의도.

국내 최고의 친환경 학교 모듈러 전문 기업, 플랜엠의 홈페이지 리뉴얼 제안입니다.
모듈, 아직은 생소하지만 미래지향적인 모듈 건축 방식의 인지도를 높이고자
"모듈"이라는 한 단어에 집중하여 직관적인 시각을 연출하고자 했고
컨텐츠 영역마다 동일한 디자인 요소로 연속적이게 표현하였습니다.

Design Concept.

직사각형과 선 요소를 적절히 활용하여
기업의 사업분야인 모듈러를 직접적으로
표현해내어 국내 최고의 '친환경 모듈러'
전문 기업 이라는 것을 강조하였습니다.

Colors.
Typo.
Proposal Design.

A타입은 고객사의 니즈에 맞춰 전체적으로 깔끔하고 심플한 레이아웃으로 구성하였습니다.
플랜엠의 실제 시공한 사진을 메인 비주얼로 사용하여 기업의 신뢰도를 높였으며
큼직한 타이포와 고퀄리티 이미지를 사용하여 컨텐츠 간의 주목성을 높여 작업하였습니다.
B타입은 크리에이티브하고 최신 웹 트렌드에 맞춰 제안해드린 시안입니다.
플랜엠의 주요 사업인 '친환경 모듈러'를 도형과 직선 라인으로 표현하여 디자인 요소로 활용하여
마치 모듈러 안에 컨텐츠가 존재하는 것처럼 표현하고자 하였습니다.

Motion.

Web GL을 활용하여 부드럽고 보다 자연스러운 모션 효과를 구현하였으며, 플랜엠의 모듈러를 표현한 비주얼 영역에
블러 처리가 된 영역이 움직이는 효과를 구현하여 사용자의 몰입도를 높였습니다.