1. 프로젝트 개요
개인 포트폴리오 웹사이트 제작
☑️ 경력과 작업물을 한눈에 보여주는 포트폴리오 사이트
☑️ 역할: 기획 · 브랜딩 · 디자인 · 퍼블리싱
2. 기획 포인트
▫️ 전문성 강조
• 학력, 경력, 자격 사항을 체계적으로 배치해 신뢰도 확보
• 클라이언트·채용 담당자가 빠르게 확인 가능한 구조
▫️ 포트폴리오 집중도 강화
• 웹 디자인, 그래픽 디자인, 개발 작업을 카테고리별 분류
• 대표 이미지 클릭 시 상세 화면 연결
▫️ 접근성 및 소통 강화
• 전화 · 이메일 · 블로그 바로 연결
• 이력서 다운로드 버튼 추가
3. 디자인 요소
▫️ 컬러
• 블랙 & 그레이 (#222222, #444444) – 전문성과 안정감
• 그린 (#28A745) – 버튼 및 포인트 컬러
• 화이트 (#FFFFFF) – 배경 대비
▫️ 폰트
• Pretendard / Noto Sans – 심플하고 현대적인 산세리프
▫️ 레이아웃
• 상단 네비게이션 바 + Hero 섹션(자기소개)
• About Me (학력/경력/스킬 시각화)
• Portfolio Grid 레이아웃
• Contact Info + SNS 아이콘
▫️ 이미지
• 실제 작업물 스크린샷, 목업 이미지 활용
• 본인 일러스트 캐릭터 삽입(친근감 강화)
4. 구현 기능
● 포트폴리오 카테고리 필터링 (Web / Graphic / Development)
● 작업물 썸네일 클릭 시 라이트박스(상세 보기)
● 연락처 버튼 클릭 → 전화/이메일 바로 연결
● 이력서 확인/다운로드 버튼 지원
● 반응형 레이아웃 (모바일·태블릿 최적화)
● SNS 아이콘 클릭 시 외부 채널 이동
5. 느낌 & 효과
● 브랜드 키워드: 전문성 · 신뢰감 · 깔끔함 · 성장 가능성
● 사용자 경험: “간단한 스크롤만으로 프로필과 작업물 확인
→ 연락 및 협업 제안까지 자연스럽게 이어지는 흐름”
● 채용 담당자/클라이언트 입장에서 효율적인 확인 구조 제공