플러스프로젝트 배경
[프로젝트 배경] 1. 문제점 • 2000년대 초반 디자인 및 플러그인에 의존한 노후 사이트로 브랜드 이미지 저하 • 비(非) 반응형 레이아웃·작은 폰트·복잡한 메뉴 구조 → 모바일 이탈률 급증 • 영상 파일 직접 임베드로 로딩 지연 5초 이상, SEO 및 Core Web Vitals 평가 저조 • 포트폴리오 검색·필터 기능 부재 → 잠재 고객이 원하는 사례를 찾지 못해 이탈률 ↑ •
프로젝트 성과
UX·UI 리뉴얼
클릭 네비게이션과 풀스크린 히어로로 탐색 흐름 단순화, 몰입감 대폭 상승
콘텐츠 퍼포먼스
HLS·Lazy-load 적용으로 영상 로딩 체감 지연 제거, 체류 시간 자연 증가
브랜드 이미지 상승
레거시 디자인 탈피, 모던·트렌디 비주얼로 영상 전문성 및 신뢰도 동시 강화
핵심 기능
반응형 홈페이지 구현
데스크탑, 태블릿, 모바일 등 여러 장치에서도 자연스럽게 홈페이지를 확인할 수 있음.
진행 단계
기획 및 요구사항 정의
2024.09.
경쟁·벤치마킹 분석, 요구사항 워크숍 및 IA 설계 완료. 핵심 KPI(이탈률↓·전환율↑) 정의하고 기술스택·로드맵 확정
프로젝트 상세
1. 포트폴리오 소개 • 서비스 카테고리 : 영상 제작 에이전시(B2B) 웹·모바일 플랫폼 • 메인 타깃 : 스타트업·중소 브랜드 마케팅 담당자, 인하우스 콘텐츠 팀 2. 작업 범위 • 화면 설계(와이어프레임 → 하이파이 디자인) • 반응형 UI/UX 디자인(Web / Tablet / Mobile) • Front-end 개발 : Next.js + TailwindCSS •
