- 평가내역
WEB AWARD KOREA evaluation
등록정보
|
| 타이틀 | 코넥티브 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Connecteve | ||||||||||||
| 서브타이틀 | 코넥티브 | |||||||||||
| Connecteve | ||||||||||||
| URL | https://connecteve.com/ 사이트보기 | |||||||||||
| 소개 | 인공지능 기술로 무릎 건강의 새 기준을 제시하고, 첨단 기술로 진단 및 안전한 수술을 지원하는 코넥티브 | |||||||||||
| 키워드 | 코넥티브,AI기술전문기업,수술보조로봇,AI기술,AI기반관절분석,AI기반수술설계 | |||||||||||
| 제작년월 | 2024.7 | |||||||||||
| 등록구분 | 데스크탑웹 | |||||||||||
| 후보등록분야 | 기업일반 부문 > 스타트업 등록분야 목록보기 |
|||||||||||
| 소속사 | 코넥티브(주) | |||||||||||
| 소속사 제작진 |
|
|||||||||||
| 제작사 |
(주)유엘디자인 정보보기 |
|||||||||||
| 제작사 제작진 |
|
|||||||||||
| 웹사이트 설명 | [제작목적&기획의도]
코넥티브는 AI기술을 통해 관절염을 진단하거나 관절염 수술 계획을 수립하거나 수술보조 로봇을 제조하는 스타트업 회사입니다. 스타트업이기에 회사의 인지도를 높이고자 사람들의 기억에 오래 기억될 수 있는, 각인될 만한 강력한 아트 작업이 필요했고 사이트가 열리면서 바로 관절이 흔들리는 모션을 직접 기획하고 제작하여 제안 드렸습니다. 또 하나의 기획 차별점은 바로 시점 변화!였습니다. 세로 스크롤, 가로 스크롤 이렇게 하나의 방향에 국한되지 않고 세로로 스크롤 되었다가 다시 가로로 스크롤 되고 다시 세로로 스크롤 될 수 있게 기획하여 다양한 시점의 변화를 의도하여 신선함을 주고자 노력했습니다. WebGL의 스크롤 반응 기법으로 작업했으며 GNB 메뉴 호버 시 메뉴명이 마치 프로그래밍 되는 모션으로 제작했으나 최종 작업에서 심플하게 변경되었습니다. 이외에도 의사가 AI기술을 힘입어 관절을 좀 더 정확하고 정밀하게 진단한다는 것을 돕는다는 메시지를 시각화하기 위해 형상의 점(DOT) 요소에서 마치 AI가 스캔하는 듯한 장면을 연출하면서 서울대 출신 의사인 코넥티브 대표님의 이미지로 변경되도록 기획하여 제안 시안으로 보여드렸습니다. 또한 전 세계 최고 수준의 인공지능을 연구하는 B2B 기업의 특성에 맞게 깔끔한 UI로 구성하면서 최신 웹트렌드에 맞춰서 제작한 프로젝트입니다. 최종 컨펌은 제안보다 심플해졌지만 고객사에서 만족해하셨고 저희도 재미있게 크리에이티브를 구현한 프로젝트입니다. [특징] 1. AI 기술과 첨단기술을 직관적으로 표현하기 위해 곳곳에 점 요소와 초록색 라인을 디자인 요소로 활용하였다. 2. 관절염을 AI 기술로 진단한다는 것을 글래스모피즘 효과와 도트로 메인비주얼에 구성하였다. 3. WebGL 기법을 활용하여 스크롤 모션이 부드럽고 세련된 느낌이 나도록 작업하였다. 4. 고급지고 세련된 느낌을 주기 위해 전체적으로 어둡게 작업하였으며, 코넥티브의 메인 컬러인 민트 컬러를 사용하여 기업의 아이덴티티를 부각시켰다. 5. 각각의 디바이스에 대응하기 위해 반응형으로 구축하여 사용자로 하여금 편리할 수 있도록 구축하였다. 6. "Connecteve + Revoco = Connevo" 를 설명하는 컨텐츠에 스크롤 모션을 구현하여 사용자들이 쉽게 코넥티브를 접근할 수 있도록 하였다. |
|||||||||||
| 추가이미지 |
    
|
|||||||||||
| 제작/구축 관련 자료 | ||||||||||||