모든 포트폴리오LUDGI / PROJECT ARCHIVE
제작 기록
WakaWaka · AI 영상 편집기 소개 웹
영상 편집 SaaS의 기능과 요금제를 스크롤 인터랙션, 한국어·영어 화면으로 소개한 웹사이트입니다.
PROJECT SCOPE
- 스크롤 인터랙션
- 기능별 상세 탐색
- 언어와 테마
- 요금제와 FAQ
선택한 화면
SELECTED VIEWS
제작 노트
PROCESS & SCOPE
편집 도구의 기능을 움직이는 소개로.
AI 숏폼 생성, 대화형 편집과 클라우드 공간 등 제품 기능을 사용자가 단계적으로 살펴보고 요금제를 비교할 수 있도록 구성했습니다.
기존 디자인 시스템을 바탕으로 기능 소개·요금제·FAQ를 구현했습니다. 스크롤에 반응하는 카드와 URL에 연결되는 기능 탭을 적용하고, 한국어·영어와 밝은·어두운 테마에 맞춰 화면 자산을 나눴습니다.
- 스크롤 인터랙션
- 스크롤 위치에 따라 이동·확대·투명도가 바뀌는 기능 카드와 고정 구간을 구현했습니다.
- 기능별 상세 탐색
- 여섯 기능의 소개 탭을 URL 쿼리와 연결하고 하위 기능 전환 UI를 구성했습니다.
- 언어와 테마
- 한국어·영어 경로와 번역, 라이트·다크·시스템 테마별 화면을 구현했습니다.
- 요금제와 FAQ
- 월간·연간 비교, 플랜 카드 캐러셀과 결제·환불·해지 안내 아코디언을 만들었습니다.
LET’S CONNECT
이 작업에서 시작할 다음 이야기.
교육·콘텐츠 협업과 사업 제휴에 관한 이야기를 기다립니다.