플러스프로젝트 배경
1) 문제점 제한적인 정보 전달: 기존의 평면적인 텍스트와 고정된 2D 이미지 위주의 쇼핑몰로는 고성능 노트북의 세밀한 디자인, 두께, 질감 등의 매력을 소비자에게 온전히 전달하기 어려움 높은 고객 이탈률: 천편일률적인 템플릿형 사이트 구조로 인해 고객의 시선을 사로잡지 못하고, 페이지를 대충 훑어보다 이탈하는 경우가 잦음 복잡한 스펙 이해: 복잡한 기기 스펙과 특장점이 텍스트로만 나열되어 있어, 소
프로젝트 성과
제품DB API 응답 속도 최적화 및 안정적인 데이터 패칭 구현
PostgreSQL 기반의 제품군 데이터를 동적으로 불러오는 과정에서 Next.js의 라우트 캐싱을 도입해 불필요한 DB 조회를 줄여, 라인업 쇼케이스 화면 진입 시 사용자 대기 시간 최소화 및 원할한 탐색 구축
핵심 기능
브라우저 캔버스 기반 60fps 3D 스크롤 시퀀스
스크롤 진행도(GSAP/Framer Motion)에 맞춰 노트북의 고해상도 이미지 시퀀스(WebP 180+ 프레임)가 끊김 없이 동적으로 렌더링되어, 사용자가 브라우저 안에서 제품을 직접 회전시키기
진행 단계
기획 및 요구사항 정의
2026.03.
하이엔드 브랜드 감성의 랜딩 페이지 및 이커머스 플로우 기획
타겟 유저 특성 정의: 인터랙션과 디자인에 민감한 2030 IT/디바이스 관심 소비자층 설정
타겟 유저 특성 정의: 인터랙션과 디자인에 민감한 2030 IT/디바이스 관심 소비자층 설정
프로젝트 상세
1) 포트폴리오 소개 하이엔드 테크 스펙을 요구하는 전문가 및 일반 소비자를 위한 프리미엄 3D 노트북 이커머스 (랜딩 페이지) 개발 2) 작업 범위 지원 환경: 반응형 웹 (PC, Tablet, Mobile 최적화) 개발 범위: 화면 설계, UI/UX 디자인, 3D 인터랙션 및 애니메이션 구현, Front-end 개발, Back-end API 연동, DB(PostgreSQL) 구축 3
