프로젝트명

포트폴리오 웹사이트

개발연도

2025.08

타입

외주

클라이언트

DTMC

요약

회사소개홈페이지

개발 언어

HTMLCSSJavaScript

키워드

키워드해시태그

프로젝트 URL

https://example.com/22

상세설명

프로젝트 요약 블랙 톤의 브랜드 아이덴티티를 전면에 반영한 인터랙티브 포트폴리오 웹사이트로, 히어로 모션·스크롤 리빌·프로젝트 쇼케이스를 중심으로 스토리텔링을 설계했으며 기획+디자인+프론트(React/Next.js·GSAP/Lottie)와 백엔드(Laravel·MySQL, Headless CMS)까지 일괄 개발.

개발 과정 및 특징

IA/카피톤 정립 후 블랙 콘셉트 디자인 시스템(타이포·그리드·컴포넌트) 수립

인터랙션 GSAP ScrollTrigger·마이크로 인터랙션·비주얼 트랜지션로 브랜드 몰입 강화

콘텐츠 타입 프로젝트/뉴스/채용/문의 CMS 설계, 태그·필터·검색 지원

SEO/성능 Next.js SSR·코드 스플리팅, 이미지 WebP/지연 로딩·프리패치로 LCP 개선

접근성 명도 대비·키보드 포커스·aria 라벨, 모션 감도(선호 감소) 옵션 제공

양식/연동 문의 폼(유효성·첨부)→이메일/카카오 알림, GA4/태그매니저 이벤트

운영 RBAC 권한·감사 로그·백업, 다국어 확장 가능 구조, AWS/카페24 배포 자동화