프로젝트 배경
1) 문제점
- 3D까지 되는 에이전시가 많이 없는데 가능하기때문에 3D를 효과적으로 노출시켜야함
- 다양한 인터랙션으로 WebGL까지 가능한 홈페이지 소개
2) 프로젝트 목표 및 해결방안
- 메인과 각 서브페이지에 다양한 3D인터랙션을 삽입함으로써 3D위주의 홈페이지로 작업
- 내용 하나하나에 디테일한 텍스트와 이미지를 인터랙션을 통해 효과를 극대화
- 3D까지 되는 에이전시가 많이 없는데 가능하기때문에 3D를 효과적으로 노출시켜야함
- 다양한 인터랙션으로 WebGL까지 가능한 홈페이지 소개
2) 프로젝트 목표 및 해결방안
- 메인과 각 서브페이지에 다양한 3D인터랙션을 삽입함으로써 3D위주의 홈페이지로 작업
- 내용 하나하나에 디테일한 텍스트와 이미지를 인터랙션을 통해 효과를 극대화
프로젝트 성과
GDWEB 금상수상
실제 국내에서 유명한 UXUI분야 금상 수상
AWWWARDS 우수상 수상
해외에서 유명한 UXUI분야 우수상 수상
핵심 기능

3D오브젝트 활용
메인이나 서브페이지에 three.js를 활용한 3D오브젝트를 적극 활용하여 3D 홈페이지 강조

WEBGL 강조
마우스 인터랙션 효과나 스크롤 효과에도 WebGL을 적용
진행 단계
기획
2024.07.
3D를 어떻게 녹여낼지 코딩과 함께 기획
디자인 및 코딩
2024.07.
디자인과 코딩을 같이 진행하며 코딩에서 최적화하기 어려운 부분들을 바로바로 디자인 변경하며 해결
프로젝트 상세
디자인과 개발을 아우르는 ‘All in One’ 웹에이전시
"당사"는 브랜딩부터 BX, UX/UI 디자인, 프론트엔드·백엔드 개발까지
모든 과정을 유연하게 통합하는 올인원(ALL-IN-ONE) 웹 에이전시입니다.
✨ 웹사이트 전체를 Three.js + Fiber + Drei로 제작해
인터랙티브 3D 캐릭터 애니메이션과
GLSL 기반 셰이더 이펙트를 구현하였으며,
???? [Awwwards - Honorable Mention]
???? [GDWEB - Gold Prize]
해외 디자인 어워드에서도 퀄리티를 인정받았습니다.
????주요 작업 포인트
BX / UXUI 전략 및 디자인
WebGL 기반 인터랙티브 웹사이트 구축
프론트/백엔드 개발 통합
<바카라 예측 이용 약관에 의해 수정된 내용입니다.
"당사"는 브랜딩부터 BX, UX/UI 디자인, 프론트엔드·백엔드 개발까지
모든 과정을 유연하게 통합하는 올인원(ALL-IN-ONE) 웹 에이전시입니다.
✨ 웹사이트 전체를 Three.js + Fiber + Drei로 제작해
인터랙티브 3D 캐릭터 애니메이션과
GLSL 기반 셰이더 이펙트를 구현하였으며,
???? [Awwwards - Honorable Mention]
???? [GDWEB - Gold Prize]
해외 디자인 어워드에서도 퀄리티를 인정받았습니다.
????주요 작업 포인트
BX / UXUI 전략 및 디자인
WebGL 기반 인터랙티브 웹사이트 구축
프론트/백엔드 개발 통합
<바카라 예측 이용 약관에 의해 수정된 내용입니다.

About 페이지

Project 페이지

Contact 페이지