플러스프로젝트 배경
문제점 B2B 기업 소개 페이지 다수가 무거운 빌더·템플릿에 의존해 첫 로딩이 느림 데스크톱 기준으로만 제작돼 모바일에서 레이아웃이 깨지는 경우가 잦음 빌더 종속 코드라 구조 파악이 어려워 이후 수정·유지보수가 곤란함 프로젝트 목표 경량 구현: 프레임워크·외부 라이브러리 없는 순수 HTML/CSS/JS 퍼블리싱 완전 반응형: 데스크톱·태블릿·모바일 3구간 대응 레이아웃 접근성 준수: 키
프로젝트 성과
전체 용량 50KB 이하 초경량 페이지
이미지 파일 없이 SVG 그래픽만 사용하고 외부 라이브러리를 배제해, 저사양 환경에서도 즉시 로딩되는 페이지로 구현
기획~배포 전 과정 1인 수행
컨셉 기획, 카피라이팅, 디자인, 퍼블리싱, Netlify 배포까지 단독 진행. 실배포 URL로 상시 열람 가능한 상태 운영 중
핵심 기능
FAQ 아코디언
부드러운 열림·닫힘 애니메이션에 키보드 조작과 스크린리더 대응(aria 속성)까지 갖춘 접근성 아코디언
진행 단계
기획 및 구조 설계
2026.07.
B2B SaaS 컨셉과 섹션 구성 확정, 전체 카피 작성, 시맨틱 HTML 구조 설계
프로젝트 상세
1) 포트폴리오 소개 - B2B SaaS 솔루션 기업의 서비스 소개 페이지 퍼블리싱 (자체 제작 데모, 실배포 운영 중) - 중소기업 대상 전자결재·업무 자동화 솔루션을 가상 브랜드로 설정하고, 서비스 소개·주요 기능·도입 절차·FAQ·문의로 이어지는 원페이지 구성으로 제작 2) 작업 범위 - 컨셉 기획, 카피라이팅, 디자인, 퍼블리싱, 배포(Netlify) 전 과정 1인 수행 - 지원 환경
