유통/무역/물류/포장
- Client
- 주식회사 롤랩
- Date
- 2022.11.15
- Type
- 반응형
- Dev
- Linux / php / Mysql / PC / MOBILE
물류의 DX를 도전하고 고객의 미래를 운송하는 기업 롤랩
롤랩은 KT 그룹의 물류 전문기업으로, KT의 ABC역량과 롤랩의 물류/운송 역량을 결합하여 KT가 디지털플랫폼 기업으로 B2B DX 시장을 선도하는데 앞장서고 있습니다. 저희 제작팀은 롤랩이 가진 '지능형 물류 엔진'의 가치를 디지털 공간에 완벽하게 이식하기 위해 다음과 같은 전략적 설계를 적용했습니다.
페이지 스크롤 시 0에서 시작해 목표 수치까지 빠르게 도달하는 동적인 카운트 효과를 적용했습니다. 이는 운행 거리 29% 감소, 유류비 31% 절감과 같은 놀라운 성과를 사용자가 시각적으로 직접 '체험'하게 함으로써 데이터의 신뢰도를 극대화합니다.
또한, 블랙과 화이트, 그리고 강렬한 레드 포인트 컬러는 전문가적인 무게감과 혁신적인 에너지를 동시에 전달합니다.
페이지 스크롤 시 0에서 시작해 목표 수치까지 빠르게 도달하는 동적인 카운트 효과를 적용했습니다. 이는 운행 거리 29% 감소, 유류비 31% 절감과 같은 놀라운 성과를 사용자가 시각적으로 직접 '체험'하게 함으로써 데이터의 신뢰도를 극대화합니다.
또한, 블랙과 화이트, 그리고 강렬한 레드 포인트 컬러는 전문가적인 무게감과 혁신적인 에너지를 동시에 전달합니다.
- Function
- 게시판 - 글쓰기/수정/삭제, 카테고리
팝업 - 동시팝업, 레이어팝업, 게시기간 설정, 종료일 설정
고객사 관리 - 로고 등록/수정/삭제
고객후기 - 썸네일이미지 및 후기 등록/수정/삭제
사이트 안내 - 지도 및 이미지 연
- #Keyword
-
- #반응형홈페이지
- #물류
- #영상활용디자인
- #그래프
이번 롤랩 홈페이지 리뉴얼을 통해,
미니멀한 디자인 속에 역동적인 인터랙션을 가미하였습니다.
-
고객사 관리 기능
-
고객후기 관리 기능
-
사이트 안내 관리 기능
Typography + Color
읽기 편한 가독성 좋은 폰트를 전체적으로 사용하고 비주얼에 사용된 영문폰트의 경우 KT 전용 기업서체를 사용하였습니다.
CI컬러에 맞춰 포인트색은 레드계열로 지정하였습니다.
lolab Story
- 브랜드 스토리를 담은 감각적인 인터랙션
- 정적인 페이지 구성을 탈피하여, 스크롤에 반응하는 유연한 모션 그래픽을 통해 사용자에게 몰입감 있는 브라우징 경험을 선사합니다.
- 롤랩과 함께하는 파트너사
- 파트너사가 늘어나더라도 그리드의 배열이 무너지지 않고 유연하게 확장되는 레이아웃을 통해, 성장하는 기업 롤랩의 현재와 미래를 지속적으로 담아낼 수 있는 '성장형 UI'를 구현했습니다.
- 역동적인 카운트 업
- 수치가 내려가는 순간적인 모션은 방문자에게 '변화의 과정'을 시각적으로 체감하게 합니다. 이는 정지된 이미지보다 3배 이상의 시각적 주목도를 가지며, 롤랩이 제공하는 효율성을 더욱 드라마틱하게 강조합니다.
카톡상담
TOP