IT
바바스
  • #기업 홈페이지제작 #세련된 #고급스러운 #IIT 컨설팅 업종
CLIENTS.
BABAS
DATE.
2023-01-12
TYPE.
Responsive Web

IT

바바스 #기업 홈페이지제작 #세련된 #고급스러운 #IIT 컨설팅 업종
IT
바바스
  • #기업 홈페이지제작 #세련된 #고급스러운 #IIT 컨설팅 업종
CLIENTS.
BABAS
DATE.
2023-01-12
TYPE.
Responsive Web
Device.

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

기획의도.

인프라 디자인, 소프트웨어 개발 및 운영, 컨설팅을 하나의 패키지로 제공하는 IT솔루션회사
바바스의 홈페이지 제작 프로젝트입니다.
바바스의 전문성이 잘 드러나는 고급스러운 톤앤무드로 작업하였고 특히 Development와 Services 부분에
와우포인트를 주기 위해 오브젝트를 입체감 있게 표현하였습니다.
디바이스 최적화에 민감한 고객사의 니즈에 맞춰 수십번의 검수와 디테일 작업으로 탄생한 작품입니다.

Design Concept.

세련되 보이면서 고급스러움을 부각시키기 위해 전체적으로 다크한 분위기로
작업되었으며 전문적인 내용을 사용자들에게 쉽게 전달할 수 있도록 UI/UX 및
편의성을 부각시켰습니다.
화려하고 시선을 사로잡는 디자인 요소보다는 시안 전체가 잘 어우러지도록
조화롭게 작업된 프로젝트입니다.

Colors.
Typo.
Proposal Design.

A시안은 스카이 블루 색상을 포인트로 활용하여 아이덴티티를 부각시켰으며 아이콘을 활용하여 정보 전달력을 높였습니다.
글래스모피즘 기법을 GNB와 GNB OPEN 백그라운드로 활용하여 최신 트랜드에 맞춰 작업하였습니다.
B타입은 조금 더 크리에이티브하게 원형 요소를 활용하여 작업하였습니다.
메인비주얼의 영상이 아래의 컨텐츠와 이어지도록 하였고 메인의 텍스트가 슬라이드되면서 메인 영상도 같이 변경되도록 구성해보았습니다.

  • A Type
  • B Type
Confirm Design.
Motion.

인트로 모션 효과를 통해 바바스를 임팩트 있게 보여줌으로써 사용자들에게 강렬한 인상을 주었습니다.
다소 텍스트가 많아 루즈해 질 수 있는 컨텐츠에 텍스트가 카운트되는 간결한 모션 효과를 주어 사용자의 흥미를 돋구었으며
전체적인 분위기에 맞게 은은한 백그라운드 효과로 눈을 즐겁게하였습니다.