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

코넥티브는 AI기술을 통해 관절염을 진단하거나 관절염 수술 계획을 수립하거나 수술보조 로봇을 제조하는 스타트업 회사입니다.
스타트업이기에 회사의 인지도를 높이고자 사람들의 기억에 오래 기억될 수 있는, 각인될 만한
강력한 아트 작업이 필요했고 사이트가 열리면서 바로 관절이 흔들리는 모션을 직접 기획하고 제작하여 제안드렸습니다.
또 하나의 기획 차별점은 바로 시점변화!였습니다.
세로 스크롤, 가로 스크롤 이렇게 하나의 방향에 국한되지 않고 세로로 스크롤 되었다가 다시 가로로 스크롤되고 다시 세로로 스크롤 될 수 있게 기획하여
다양한 시점의 변화를 의도하여 신선함을 주고자 노력했습니다.
WebGL의 스크롤 반응 기법으로 작업했으며 GNB 메뉴 호버시 메뉴명이 마치 프로그래밍 되는 장면도 연출해보았습니다.
이외에도 의사가 AI기술을 힘입어 관절을 좀 더 정확하고 정밀하게 진단한다는 것을 돕는다는 메시지를 시각화하기위해
형상의 점(DOT)요소에서 마치 AI가 스캔하는 듯한 장면을 연출하면서 서울대 출신 의사인 코넥티브 대표님의 이미지로 변경되도록 기획하여
제안 시안으로 보여드렸습니다.
또한 전세계 최고 수준의 인공지능을 연구하는 B2B 기업의 특성에 맞게 깔끔한 UI로 구성하면서 최신 웹트렌드에 맞춰서 제작한 프로젝트입니다.
최종 컨펌은 제안보다 심플해졌지만 고객사에서 만족해하셨고 저희도 재미있게 크리에이티브를 구현한 프로젝트입니다.