건축/건설/분양/인테리어
도시파트너스
  • #충북혁신도시 #종합 부동산 개발
CLIENTS.
도시파트너스
DATE.
2022. 12. 19.
TYPE.
Responsive Web

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

도시파트너스 #충북혁신도시 #종합 부동산 개발
건축/건설/분양/인테리어
도시파트너스
  • #충북혁신도시 #종합 부동산 개발
CLIENTS.
도시파트너스
DATE.
2022. 12. 19.
TYPE.
Responsive Web
Device.

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

기획의도.

부동산 개발업을 영위하고 있는 종합 부동산 개발회사 도시파트너스의 신규 홈페이지 프로젝트입니다.
"도시파트너스"가 부동산 개발업 즉 공간을 다루는 사업이다보니 디자인 컨셉은 공간과 도로로 설정하였습니다.
마치 웹페이지가 도로위인 것처럼 레이아웃 구성하였고 PREV ,NEXT버튼은 바닥 표시판처럼 설계하였으며
분양홍보, 임대홍보 버튼은 마치 마우스를 누르는 듯한 공간감을 살려 입체감 있게 기획하였습니다.
도시파트너스의 브랜드 아이덴티티를 부각시키는 첫번째 컨텐츠영역에서는 정육면체가 회전하는 Three JS 기법을 활용하여
타겟층의 기억에 오래 남도록 주목성이 높여 임팩트 있게 표현하였습니다.

Design Concept.

도시파트너스의 사업을 강조시키고자 육면체 3D 도형을 곳곳에 활용하였으며
딥한 그린 계열 색상과 다크 그레이를 조합하여
고급스러우면서도 포인트 색상을 과하지 않게 사용하여
심플함을 주었습니다.

Colors.
Typo.
Proposal Design.

A시안은 딥한 그린계열 색상과 다크그레이를 조합하여 고급스러우면서도 포인트 색상을 과하지 않게 사용하여 심플함을 주었습니다.
육면체 도형을 활용하여 건물의 느낌을 표현하고자 하였습니다.
도시파트너스 소개 부분에 들어가는 정육면체는 스크롤 시 반응하여 라인이 먼저 그려진 후 도형에 색과 단어들이 나타나도록 구성하였습니다.
B시안은 그리드를 바탕으로 반듯하고 직선적인 요소를 넣었고 큰 이미지와 텍스트를 사용하여 도시파트너스의 주 사업에 대한 강점이 잘 드러나도록 하였습니다.

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

정육면체의 도형 라인이 그려진 후 면이 채워지고, 마지막으로 정육면체의 도형이 한바퀴 회전하는 모션을 구현하여 사용자에게 몰입감을 주었습니다.