지역비대면 진행
예산800,000원
기간30일

조리 시간과 온도 데이터 228가지를 담은 정보형 사이트를 58개 URL 규모로 만들어 실제 접속되는 주소까지 배포했습니다. 기획부터 제작, 배포까지 혼자 진행했습니다. 만든 방식은 이렇습니다. 워드프레스나 빌더를 쓰지 않고 HTML과 CSS를 직접 작성했습니다. 그래서 소스가 그대로 남고 나중에 직접 고치실 수 있습니다. PC와 모바일 양쪽에서 깨지지 않게 작업했고, Cloudflare Pages로 배포해 도메인과 경로 설정까지 붙였습니다. sitemap.xml과 robots.txt를 구성하고 검색엔진에 등록해 색인 상태를 추적했습니다. 페이지 구조는 감으로 정하지 않았습니다. 검색량 실측값을 보고 대표 키워드보다 세부 키워드 쪽에 수요가 모여 있다는 것을 확인한 뒤 페이지를 다시 나눠 배치했습니다. 같은 방식으로 한 페이지짜리 소개 사이트나 정보형 사이트를 만들어 드립니다. 다만 검색 순위를 올려드린다고 약속하지는 않습니다. 색인이 되는 구조로 만들어 드릴 뿐이고, 회원가입과 결제 같은 서버 기능은 범위가 아닙니다.

AI가드레일

웹 개발

5.0(5)

AI가 시킨 일을 빼먹지 않게 규칙과 자동 검수를 설치합니다. 같은 방식으로 3D 설계·데이터 자동화도 직접 납품합니다.

스크롤에 반응하는 제품 3D 랜딩페이지 (Three.js)

브라우저 웹게임 200웨이브 기획개발밸런싱

스크롤에 반응하는 제품 3D 랜딩페이지에서 그대로 뽑은 화면입니다. 캔 하나를 3D로 만들어, 스크롤을 내리면 돌고 열리고 따라지는 장면이 이어지도록 했습니다. · 모델링 — 캔 몸체, 라벨, 탭, 얼음, 따라지는 액체까지 직접 만들었습니다 · 재질과 조명 — 알루미늄의 반사, 얼음의 투명도, 액체의 굴절을 하나씩 값으로 잡았습니다 · 화면 — three.js로 만든 웹페이지입니다. 미리 녹화한 영상이 아니라 실제로 돌아가는 사이트라 스크롤과 마우스에 반응합니다 같은 방식으로 상세페이지에 넣는 제품 3D 영상과 GIF, 릴스용 세로본, 스크롤로 제품을 보여주는 랜딩페이지까지 만들어 드립니다. 실물을 보내실 필요는 없습니다. 제품 사진(정면·측면·후면)과 실제 치수(mm)만 주시면 됩니다. 먼저 정지 컷으로 재질과 구도를 확인받고 움직임으로 넘어갑니다.

브랜드 랜딩 + 스크롤 3D 제품 연출 (향수 예시)

스크롤에 반응하는 제품 3D 랜딩페이지 (Three.js)
0
9
브라우저 웹게임 200웨이브 기획개발밸런싱
0
5
스크롤에 반응하는 제품 3D 랜딩페이지에서 그대로 뽑은 화면입니다. 캔 하나를 3D로 만들어, 스크롤을 내리면 돌고 열리고 따라지는 장면이 이어지도록 했습니다. · 모델링 — 캔 몸체, 라벨, 탭, 얼음, 따라지는 액체까지 직접 만들었습니다 · 재질과 조명 — 알루미늄의 반사, 얼음의 투명도, 액체의 굴절을 하나씩 값으로 잡았습니다 · 화면 — three.js로 만든 웹페이지입니다. 미리 녹화한 영상이 아니라 실제로 돌아가는 사이트라 스크롤과 마우스에 반응합니다 같은 방식으로 상세페이지에 넣는 제품 3D 영상과 GIF, 릴스용 세로본, 스크롤로 제품을 보여주는 랜딩페이지까지 만들어 드립니다. 실물을 보내실 필요는 없습니다. 제품 사진(정면·측면·후면)과 실제 치수(mm)만 주시면 됩니다. 먼저 정지 컷으로 재질과 구도를 확인받고 움직임으로 넘어갑니다.
0
3
브랜드 랜딩 + 스크롤 3D 제품 연출 (향수 예시)
0
1