건축/건설/분양/인테리어
장민이엔씨
  • #안전점검 #정밀안전진단
CLIENTS.
장민이엔씨
DATE.
2020.09.01
TYPE.
Responsive Web
제작중

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

장민이엔씨 #안전점검 #정밀안전진단
건축/건설/분양/인테리어
장민이엔씨
  • #안전점검 #정밀안전진단
CLIENTS.
장민이엔씨
DATE.
2020.09.01
TYPE.
Responsive Web
Device.

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

기획의도.

건설 안전문화의 정착을 선도하는 기업 장민이엔씨의 노후화된 기존 홈페이지를 최신 웹트렌드 반영 및 유엘디자인만의 크리에이티브한 레이아웃 구성을 통하여
우리 국민 모두의 안전과 행복을 보장한다는 키워드를 강조하고자 하였습니다.
실사 이미지 및 영상을 활용하여 보다 직관적으로 사용자들에게 정보를 전달할 수 있도록 구성한 타입부터 장민이엔씨 로고 심볼의 모양에서 영감을 얻어
비슷한 도형들로 불규칙적인 레이아웃을 잡아 구성하는 등 다양한 레이아웃을 구성해보았으며 B2B 기업 특성에 맞추어 깔끔하고 심플한 레이아웃으로 컨펌되었습니다.

Design Concept.

보다 높은 정보 전달력을 위해 직관적인 이미지와
영상을 사용하여 레이아웃을 구성하였으며
고객과의 신뢰를 중요시하는 기업의 특성에 맞추어
깔끔하고 심플하게 디자인하였습니다.

Colors.
Typo.
Proposal Design.

A타입과 B타입은은 첫 화면에서 스크롤했을 시에 가운데 로고 심볼이 화면 가득 커지면서 큰 이미지로 확대되는 효과가 구현될 예정입니다.
장민이엔씨의 아이덴티티 컬러인 레드,블루 컬러를 활용한 A타입과 좀 더 차분하고 신뢰감이 느껴지는 블루+스카이블루 톤의 B타입으로 작업해보았습니다.
B타입은 타이포와 사업분야를 강조하여 각 컨텐츠에 몰입감을 높인 스타일로
첫 화면의 로고심볼모양이 화면에 고정된 상태로 스크롤 했을 시에 흐려지며 가장 마지막 부분에서 다시 선명하게 나타나는 효과로 구성해보았습니다.

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

사업분야의 라인이 그려지면서 각각의 사업이 나타난 후 마우스 오버 시 영상이 재생되도록 구현하여 사업분야 컨텐츠를 강조하였습니다.

관련 프로젝트.
List