기업/그룹
신세계 에스엠피엠씨
  • #대기업 홈페이지제작 #웹어워드 최우수상 #신세계그룹 #부동산 자산관리
CLIENTS.
SMPMC
DATE.
2023.07.19
TYPE.
Responsive Web

기업/그룹

신세계 에스엠피엠씨 #대기업 홈페이지제작 #웹어워드 최우수상 #신세계그룹 #부동산 자산관리
기업/그룹
신세계 에스엠피엠씨
  • #대기업 홈페이지제작 #웹어워드 최우수상 #신세계그룹 #부동산 자산관리
CLIENTS.
SMPMC
DATE.
2023.07.19
TYPE.
Responsive Web
Device.

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

기획의도.

신세계 계열사로 심플한 디자인과 크리에이티브한 디자인 두가지로 제안을 했던 프로젝트입니다.
부동산 자산관리, 즉 건물과 유동적으로 움직이는 가격(돈)을 어떻게 시각적으로 표현할까를 고민했고
자산을 나타내는 원 오브젝트가 요즘 트렌드 기법인 WebGL기법으로 스크롤에 반응하여 물 흐르듯 자연스럽게 이동하면서 점점 커지게 하여
SMPMC가 이렇게 자산을 관리해서 키워주고 있다라는 메시지를 전달하고자 하였고 이렇게 표현한 크리에이티브한 시안이 채택되었습니다.
자산관리하면 떠오르는 그래프, 그래프를 나타낼 때 사용되는 무수한 선, 그 선으로 부동산 건물을 일러스트로 직접 그려서 시각화하였고,
기업의 아이덴티티를 최대한 강조하면서 트렌디하게 작업하였습니다.
고객사가 깔끔하고 심플한 디자인을 요청하여 전체적으로 그 니즈대로 작업이 되었지만 인터랙션 요소를 적재적소에 사용하여 와우 포인트를 살리고자 하였습니다.

Design Concept.

신세계 그룹의 레드&블랙 컬러를 메인 컬러로 활용하였으며
부동산 건물을 일러스트로 직접 그려서 시각화하였고
기업의 아이덴티티를 최대한 강조하면서 트렌디하게 작업하였습니다.

Colors.
Typo.
Proposal Design.

A타입은 마우스 올렸을 시 효과를 주어 사용자들에게 서브링크로 이동할 수 있게끔 유도하고자 하였습니다.
또한 채용내용과 문서자료 다운로드 버튼 영역을 전체적인 디자인에 맞춰 제작하여 추가하였습니다.
B타입은 좀 더 깔끔한 레이아웃을 활용한 타입으로 체계적이고 정직한 이미지를 주고자하였습니다.
영문 폰트를 고딕체에 명조체를 혼합하는 웹 트렌드를 반영하여 고급스러움을 더해주었으며
선 요소를 곳곳에 활용해주어 내용에 시선에 집중될 수 있도록 하였습니다.

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

SVG 기법과 WebGL 기법을 활용하여 모션이 부드럽고 세련된 느낌이 나도록 작업하였으며
스크롤 시 원형의 심볼이 함께 움직이게 작업하여 컨텐츠 집중도를 높였습니다.