인터렉티브 3D + 포트폴리오 사이트 개발
작업기간 : 5일
.gif)
화면 3개를 만들고 각각 섹션으로 이동 되게 만들었습니다
제품 모델링을 둘러 볼 수 있는 3D 뷰어도 적용하고, 핸드폰 화면도 마우스 커서를 갖다대면
마우스 방향으로 기울어지는 인터렉티브 기능을 추가해 주었습니다
포인트
모든 버튼, 커서 호버 시 노란 색상 통일성 디자인
모바일, 아이패드 화면 크기를 사용자가 설정하여 볼 수 있는 기능
KR, EN 언어들로 사용자가 설정하여 볼 수 있는 기능
? 을 클릭시 팝업창 생성으로 배경 블러처리 및 배경 클릭 시 닫을 수 있는 가능
모바일, 아이패드 화면에 커서를 갖다대면 커서 따라서 기울어지는 기능
제품디자인 모델링을 사용자가 3D 뷰어로 둘러볼 수 있는 기능
로딩을 추가해 100이 노란색 강조 되며 끝나면 맨 위로 스크롤되어 심심함 제거, 특별함을 담음
하단 메뉴 추가, 말풍선 느낌 디자인 + 구분선은 끝선을 흐릿하게 하여 집중되는 디자인 반영
https://jindesign.netlify.app/
행성 3D 포트폴리오 사이트 개발
포트폴리오에 쓰일 개인 사이트를 제작 기획으로
행성에 개인 포트폴리오 사이트를 담은 컨셉으로 개발하였습니다.
3D로 배경을 클릭하고 드래그 혹은 축소했을 때
가운데 기준으로 행성을 둘러볼 수 있게 만들고