CodeInDesign

회사 소개

서비스 소개

포트폴리오

전문칼럼

문의하기

CodeInDesign

문의하기

실제 사이트 확인하기

모든 프로젝트 보기

할인애착

할인애착

(주)비비드플러스의 할인애착 서비스를 홍보하기 위한 랜딩페이지를 제작하였습니다.

(주)비비드플러스의 할인애착 서비스를 홍보하기 위한 랜딩페이지를 제작하였습니다.

Lauch

2024.05.01

Client

(주)비비드플러스

Overview

Overview

Framer를 통한 인터렉티브한 웹사이트를 제작하였습니다. 토스애즈를 레퍼런스 삼아 패럴렉스 웹을 구현하기 위해 다양한 인터렉션을 구현하였습니다.

Framer를 통한 인터렉티브한 웹사이트를 제작하였습니다. 토스애즈를 레퍼런스 삼아 패럴렉스 웹을 구현하기 위해 다양한 인터렉션을 구현하였습니다.

Project Goal

Project Goal

Fade In, Slide In, Typing Animation, 가로스크롤 인터렉션등 난이도가 높은 인터렉션을 다수 구현하는 것에 집중했습니다. 이러한 인터렉션은 Framer 자체의 기본 인터렉션을 활용하거나 별도의 리액트 코드를 작성하는 방식으로 추가 커스터마이징을 진행하였습니다. 추가적으로 다양한 3D Asset들을 활용해 다채로운 비주얼의 웹사이트로 디자인했습니다.

Fade In, Slide In, Typing Animation, 가로스크롤 인터렉션등 난이도가 높은 인터렉션을 다수 구현하는 것에 집중했습니다. 이러한 인터렉션은 Framer 자체의 기본 인터렉션을 활용하거나 별도의 리액트 코드를 작성하는 방식으로 추가 커스터마이징을 진행하였습니다. 추가적으로 다양한 3D Asset들을 활용해 다채로운 비주얼의 웹사이트로 디자인했습니다.

image
image
image

Working Period

2024.04 ~ 2024.05 (약 1개월)

Client

(주)비비드플러스

CodeInDesign Team

Project Manager

Taeyeon Kwon

Frontend Developer

Jaecheol Sim, Yunmi Seo

Backend Developer