플러스프로젝트 배경
1) 문제점 - 3D까지 되는 에이전시가 많이 없는데 가능하기때문에 3D를 효과적으로 노출시켜야함 - 다양한 인터랙션으로 WebGL까지 가능한 홈페이지 소개 2) 프로젝트 목표 및 해결방안 - 메인과 각 서브페이지에 다양한 3D인터랙션을 삽입함으로써 3D위주의 홈페이지로 작업 - 내용 하나하나에 디테일한 텍스트와 이미지를 인터랙션을 통해 효과를 극대화
프로젝트 성과
GDWEB 금상수상
실제 국내에서 유명한 UXUI분야 금상 수상
AWWWARDS 우수상 수상
해외에서 유명한 UXUI분야 우수상 수상
핵심 기능
3D오브젝트 활용
메인이나 서브페이지에 three.js를 활용한 3D오브젝트를 적극 활용하여 3D 홈페이지 강조
진행 단계
기획
2024.07.
3D를 어떻게 녹여낼지 코딩과 함께 기획
프로젝트 상세
디자인과 개발을 아우르는 ‘All in One’ 웹에이전시 "당사"는 브랜딩부터 BX, UX/UI 디자인, 프론트엔드·백엔드 개발까지 모든 과정을 유연하게 통합하는 올인원(ALL-IN-ONE) 웹 에이전시입니다. ✨ 웹사이트 전체를 Three.js + Fiber + Drei로 제작해 인터랙티브 3D 캐릭터 애니메이션과 GLSL 기반 셰이더 이펙트를 구현하였으며, ???? [Awwwards
