필메이커

22.11.01 - 22.12.16

웨딩 영상 전문 제작 필메이커 사이트를 유지보수 하였습니다.
오류를 수정하고, 페이지 기획 및 이벤트 디자인을 담당하였습니다.

👋 프로젝트 소개

회사 프로젝트

사용기술

DesignPublisingJavascript

프로젝트 설명필메이커는 웨딩 영상 제작 서비스입니다.

필메이커 내 각종 오류들을 수정하며, 다양한 이벤트 혜택 배너 및 사용자들의 편의성을 생각하여 디자인을 수정하였습니다.
이를 통해 사용자들이 전반적인 서비스 만족도가 크게 향상되었습니다.

각종 이벤트 배너 및 팝업 디자인 제작

- Photoshop을 통한 이벤트 기획 및 구성

메인 배너 및 랜딩 페이지 기획 및 제작

- Photoshop을 활용하여 랜딩페이지 구성

- 공통적인 레이아웃을 통하여 통일감 구성

Swiper를 활용한 메인배너 반응형 구현

- BreakPoint를 활용하여 반응형 추가

- 디바이스마다 다른 배너의 형태를 가짐

스크롤 시 이벤트 배너 생성

- 미디어쿼리와 자바스크립트를 활용하여 스크롤 디바이스 감지

- window.scrollTop을 활용한 배너 up/down

💻 작업내역

클릭 시 미리보기가 가능합니다.

Preview

메인화면 구성

Preview

인기순 정렬

Preview

동의 비동의 고객 구분

Preview

스크롤에 따른 배너 생성