홈페이지 포트폴리오
PF Academy 학원 홈페이지
학원 소개, 교육 프로그램, 상담 문의 동선을 확인할 수 있는 실제 홈페이지 예시입니다.
어떤 상황에 맞나요
- 학원·교육 서비스의 대표 링크가 필요한 경우
- 모바일에서도 프로그램과 문의 CTA가 명확해야 하는 경우
- 광고, 인스타그램, 명함에 연결할 홈페이지가 필요한 경우
확인 포인트
- PC·모바일 반응형 레이아웃
- 학원 소개와 상담 흐름
- 외부 공개 링크 기준 검수
PORTFOLIO
포트폴리오
실제 고객 정보를 공개하지 않는 작업 유형 예시와 함께, 공개 가능한 홈페이지 포트폴리오를 정리했습니다.
아래 내용은 대표 작업 유형 예시입니다. 실제 범위와 일정은 자료, 기능, 계정 권한을 확인한 뒤 안내합니다.
EXAMPLE SCOPE
Problem → Work → Deliverable홈페이지 제작 · 랜딩페이지 제작 · GA4/GTM · 관리자 시스템 · AI 챗봇 · 데이터 자동화REPRESENTATIVE SCOPE
포트폴리오와 대표 작업 범위
각 카드는 실제 고객 사례가 아니라 진행 가능한 작업 유형을 설명하기 위한 예시입니다.
소상공인 원페이지 홈페이지
어떤 상황에 맞나요
명함, 인스타그램, 광고 링크에 연결할 대표 웹페이지가 필요한 경우
주요 작업
- 서비스 소개 섹션 구성
- 카카오톡 / 전화 / 문의 CTA 연결
- PC·모바일 반응형
- 기본 SEO 메타 정보
- 주요 버튼 링크 검수
전달물
HTML/CSS/JS 소스, PC·모바일 검수 기준, 문의 동선 확인, 기본 운영 안내
홈페이지·랜딩페이지 서비스 보기광고용 랜딩페이지
어떤 상황에 맞나요
광고나 이벤트에서 상담 신청, 전화, 카카오톡 문의를 집중적으로 받고 싶은 경우
주요 작업
- 문제 제기와 제안 구조
- 신뢰 요소 배치
- CTA 반복 배치
- 전환 추적 기준 검토
전달물
랜딩페이지, CTA 점검 기준, 검수 링크, 추적 기준 안내
랜딩페이지 서비스 보기기존 사이트 모바일 오류 수정
어떤 상황에 맞나요
모바일 화면 깨짐, 버튼 미작동, 링크 오류, 레이아웃 문제를 정리해야 하는 경우
주요 작업
- 문제 위치 확인
- CSS/HTML 구조 보정
- 반응형 확인
- 주요 링크 검수
전달물
수정 파일, 변경 내역, 테스트 기준, 추후 수정 기준
홈페이지 수정 보기GA4/GTM 전환 추적 세팅
어떤 상황에 맞나요
전화, 카카오톡, 문의폼, 외부 링크 클릭이 실제로 기록되는지 확인하고 싶은 경우
주요 작업
- 이벤트명 정의
- 태그/트리거/변수 세팅
- 문의 버튼 테스트
- 확인 방법 안내
전달물
이벤트 목록, GTM 구성 기준, 테스트 결과, 확인 방법
GA4/GTM 서비스 보기React/Firebase 관리자 시스템
어떤 상황에 맞나요
신청, 예약, 문의 데이터를 저장하고 관리자가 목록으로 확인해야 하는 경우
주요 작업
- 입력 데이터 구조 정리
- 관리자 목록 화면
- 상태값 기준
- 권한 또는 배포 기준 검토
전달물
사용자 입력 화면, 관리자 화면, DB 구조 기준, 운영 안내
관리자 시스템 보기AI 챗봇 또는 데이터 자동화
어떤 상황에 맞나요
반복 문의를 줄이거나 공개 데이터를 엑셀·CSV로 정리하는 흐름이 필요한 경우
주요 작업
- 답변 범위 또는 수집 항목 정리
- 금지 답변 또는 사이트 정책 확인
- 자동화 흐름 구성
- 사용 방법 안내
전달물
챗봇/스크립트, 테스트 기준, 결과 파일 또는 삽입 기준, 운영 안내
AI 챗봇 보기