웹 기반 3D 뷰어 및
콘텐츠 제공 플랫폼 사이트 제작
BUILD
WEB / MOBILE
브릴라 3D asset
플랫폼 사이트 제작
- Client
- 브릴라
- Date
- 2021. 09 - 2021. 11
- Type
- 플랫폼, 워드프레스, 반응형 구축
Overview
브릴라의 홈페이지의 목적은 “3D 모델이 웹상에서 자연스럽게 표출될 수 있도록” 이었습니다.
뿐만 아니라 추후의 커뮤니티를 활용한 핀터레스트의 확장성을 고려하여 홈페이지 사용자에게 신선한
경험을 선보여야했습니다. 이를 위해 3D Viewer 작동 콘텐츠를 최우선적으로 기능개발을 진행하여
홈페이지 사용자의 놀이터를 만들어 홈페이지 이탈을 최대한으로 막아냈습니다.
Goal
사용자 체류시간 확보
UI/UX Strategy
직관적인 레이아웃
대시보드의 구성을 참고하여 빠른 이동과 직관적인 정보 전달이 가능하도록 하였습니다.
개성있는 디자인
형광색의 메인 컬러와 서브 컬러를 통해 동적인 브릴라의 콘셉과 어울리도록 구성하였으며,
심플한 라인 아이콘을 활용하여 가시성을 높였습니다.
다크모드 UI
사용자 경험을 최상으로 높이고 콘텐츠의 주목성을 높일 수 있도록
다크모드를 적용하여 톤앤매너를 정돈하였습니다.
VRillAR
Design System
현대적인 스타일을 가지고 있는 폰트를 사용해 정확하고 신뢰할 수 있으며 자유로운 태도를 전달합니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
ubuntu
Noto sans KR
Color System
당신이 원하는 3D Asset
저희가 구현하겠습니다.
3D Asset의 모델링 기능
배너 섹션에서 3D Asset을 마우스로 가지고 놀수 있는 컨텐츠를 개발하여
브릴라만의 고유 색상을 입혀 플랫폼 개성을 갖게 하였습니다.
VRILLAR
Subpage
3D ASSET DETAIL PAGE
상세페이지 안에서도 마우스에 따른 인터렉션을 적용시켜
홈페이지 이탈을 막아 체류시간을 증가시켰습니다.
‣ 3D asset 상세페이지
SIGN PAGE
플랫폼이 사용가능하도록 회원가입 페이지를 구축하였습니다.
‣ 회원가입 페이지
MY PAGE
개인정보 변경이 가능한 플랫폼 마이페이지를 구현하였습니다.
‣ 개인정보 페이지
VRILLAR
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 문의 신청이 가능하도록 자연스러운 문의흐름을
개발하는 완벽한 반응형 대응을 진행하였습니다.
