플러스프로젝트 배경
1) 문제점 - 기업 사이트가 회사 소개만 나열하고 문의로 이어지지 않음 - 화면은 예쁜데 방문자가 무엇을 해야 하는지 알 수 없음 - 외부 라이브러리를 겹겹이 얹어 첫 화면이 늦게 뜸 - 모바일에서 인터랙션이 빠지거나 배치가 무너짐 2) 프로젝트 목표 - 첫 화면부터 문의 폼까지 한 줄기로 내려오는 전환 동선 설계 - 제품이 무엇을 보여 주는지 화면으로 증명 - 외부 라이브러리 없이 가볍게
프로젝트 성과
전환 동선 기준 화면 설계
문제 제기와 근거, 기술과 보안, 도입 절차를 거쳐 문의 폼까지 내려오도록 순서를 짰습니다.
외부 라이브러리 없는 단일 파일
프레임워크와 외부 라이브러리 없이 단일 파일로 만들어 화면이 빠르게 뜹니다.
순수 JavaScript 인터랙션
페이드인과 숫자 카운트업, 차트 라인 드로잉을 직접 구현했습니다.
모바일 동일 동작
모바일에서 1열로 재배치되며 인터랙션이 PC와 동일하게 작동합니다.
핵심 기능
전환 동선 설계
첫 화면의 문제 제기에서 근거와 해결 방식으로 이어지도록 배치해 방문자가 문의까지 내려오게 했습니다.
진행 단계
기획 및 동선 설계
2026.07.
가상 브랜드를 세우고 문의까지 이어지는 화면 순서와 메시지 구조를 정했습니다.
프로젝트 상세
1) 포트폴리오 소개 B2B 기업 웹사이트 시안입니다. 실제 발주 건이 아니라 직접 제작한 시안이며 가상 브랜드를 세워 기획과 디자인과 개발을 전부 혼자 진행했습니다. 2) 작업 범위 기획, UI 디자인, 퍼블리싱, 프론트엔드 개발을 단독 수행했습니다. 지원 환경은 반응형 웹이며 외부 라이브러리 없이 단일 파일로 만들었습니다. 3) 주요 업무 · 전환 동선 : 첫 화면에서 문제 제기, 근거
