PF홈페이지
현대적인 사무실에 놓인 범용 업무 대시보드 화면

포트폴리오 허브

포트폴리오용 홈페이지 3종 데모.

기업용, 브랜드, 쇼핑몰 홈페이지를 하나의 Next.js 프로젝트로 구성했습니다. 특정 업종에 묶이지 않고 제작 역량과 반응형 UI, 모의 인터랙션, 검증 증거를 함께 보여줍니다.

4

허브와 3개 홈페이지 라우트

204

홈페이지 제작 도구 scope 반영

0

실제 로그인·결제·외부 키 연동

라우트

각 데모는 서로 다른 목적, 톤, 전환 흐름을 가집니다.

정적 갤러리가 아니라 실제 홈페이지처럼 이동하고 클릭할 수 있는 구조입니다. 공통 컴포넌트 시스템을 쓰되 기업용, 브랜드, 쇼핑몰의 시각 언어를 분리했습니다.

기업용

신뢰 중심 기업 홈페이지

기업 간 가치제안, 서비스 구조, 증거, 프로세스, 자주 묻는 질문, 문의 흐름을 한 화면에서 보여줍니다.

데모 열기

브랜드

감성 중심 브랜드 홈페이지

큰 비주얼, 브랜드 스토리, 컬렉션 리듬, 캠페인 섹션으로 분위기를 설계합니다.

데모 열기

쇼핑몰

구매 흐름을 보여주는 쇼핑몰 데모

상품 목록, 빠른 상세보기, 장바구니, 주문 단계, 완료 화면까지 모의로 확인합니다.

데모 열기

참고자료 반영

참고자료 반영 여부를 증거로 남기는 구조입니다.

참고자료 선확인

홈페이지 제작 도구 scope를 먼저 읽고 반영 여부를 매트릭스로 기록합니다.

패턴만 적용

외부 도구는 작업방식 참고용입니다. 실제 구현은 로컬 소스, 로컬 이미지, 모의 상태로 제한합니다.

검증 패키지

소스, 문서, 라우트 점검, 금지 스캔, 한글화 검사, 배포 로그를 함께 패키징합니다.