기업/그룹
Rexgen
  • #교통 영상분석 솔루션 #AI 기술
CLIENTS.
렉스젠
DATE.
2023-06-09
TYPE.
Responsive Web

기업/그룹

Rexgen #교통 영상분석 솔루션 #AI 기술
기업/그룹
Rexgen
  • #교통 영상분석 솔루션 #AI 기술
CLIENTS.
렉스젠
DATE.
2023-06-09
TYPE.
Responsive Web
Device.

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

기획의도.

차별화된 디자인! 크리에이티브한 시도를 원하여 저희 유엘디자인을 선택한 고객사로 다양한 제안을 하였고
최종 일러스트 컨셉으로 확정된 프로젝트입니다.
20년 이상 지능형 영상처리 시스템 기술 개발과 구축 경험을 가진 렉스젠을 잘 표현하기 위해
딥러닝을 이용한 다중객체 검출 및 추적 기반의 스마트 교통관제 시스템을 직접 도로와 사람들을 그려서
카메라의 움직임에 스캔하는 모션으로 구현하였습니다.

Design Concept.

교통 관련 AI에 대한 아이덴티티를 부각시키기 위해 일러스트를 직접 작업하였으며,
렉스젠의 실제 솔루션을 일러스트 애니메이션을 통해 정보를 전달함으로써 사용자들이
이해하기 쉽도록 직관적이게 작업하였습니다.

Colors.
Typo.
Proposal Design.

A타입의 전체적인 느낌은 깔끔하면서 전문성을 부각시킬 수 있도록 작업하였습니다.
교통 관련 AI에 대한 아이덴티티를 부각시키기위해 라인 요소와 점 요소를 활용해보았으며 신뢰를 상징하는 블루 컬러를 메인 컬러로 잡아 활용하였습니다.
최신 웹 트렌드인 솔리드 형태의 아이콘을 직접 그려 사용하였으며 Products 부분은 실사 이미지를 활용하여
사용자들에게 직관적으로 정보를 전달할 수 있도록 하였습니다.
B타입은 3D느낌의 미래적인 일러스트를 푸른 색감과 함께 활용하여 기업이 가지고 있는 첨단 기술의 대한 아이덴티티를 부각시키고자 하였습니다.
입체감있는 일러스트에 마우스 올렸을 시 효과나 스크롤 모션(스크롤 시 특정 그림이 함께 움직이며 이동)으로
사이트 전체적으로 생동감을 불어넣어 사용자에게 몰입감을 주도록 하였습니다.
C타입은 B타입을 베이스로 작업하였으며, 렉스젠의 고유 컬러와 오렌지 컬러를 매치하여 기술적인 느낌이 부각되도록 작업하였습니다.

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

렉스젠의 솔루션을 메인 비주얼의 일러스트를 시간차에 따라 정해진 모션이 구현되도록 작업하여 기업의 아이덴티티를 부각시켰으며,
컨텐츠 스크롤 시 나타나는 효과와 자동차가 지나가는 효과를 구현하여 동적인 느낌을 주어 사용자가 지루하지 않도록 하였습니다.