FILLVOID

필보이드 브랜드 웹사이트 제작

  • CLIENT

    아모레퍼시픽

  • RELEASE DATE

  • TYPE

    반응형웹, CMS

일상의 공간인 욕실에 새로운 의미를 제안하는 감각주의 라이프스타일 브랜드 FILLVOID(필보이드)를 아모레퍼시픽에서 2020년을 맞아 새롭게 론칭했습니다. 극대화된 감각 경험을 즐기고 탐험할 수 있도록 샤워 오일 5종에 어울리는 ASMR을 콘셉트로 필보이드 웹 사이트를 구축했고. 이는 하이엔드 바디 카테고리 시장에서 남들과 다른 나만의 향을 찾는 소비자들을 타깃으로 개발된 제품에 어울리는 감각 자극을 경험할 수 있도록 했습니다. 욕실에서 느끼는 필보이드의 풍성한 발향과 잔향이 오랫동안 피부에 머무르며, 일상생활에서 경험하는 새로운 감각 자극을 웹 사이트에서 경험할 수 있는 콘셉트로 제작했습니다.

2020 Red Dot Design Award / Brands & Communication / WINNER 수상!

사이트 바로가기새창 열기

일상에서 벗어나 나만의 공간에서
필보이드를 만나보세요

번잡하고 혼란스러운 거리.. 일상에서 벗어나 나만의 공간 '空間 '에서 살아있는 모든 감각을 느껴보세요.
필보이드 시안은 공간을 활용하여 필보이드를 만나는 순간을 컨셉으로 작업하였습니다.

누구나 마주치는 공허한 시간과
존재하는 그대로의 자신을 마주할 수 있는공간

영화의 시작부분처럼 필보이드의 공간이 첫 화면에서 열리며 우리는 나만의 공간으로 들어갑니다.
그 공간엔 소음도 없고 스트레스도 없는 단지 음악과 내 오감만을 느낄 수 있는 곳입니다.
스크롤 한번에 다음 섹션으로 넘어가는 원스크롤의 형태이며. 몽환적인 음악과 감각적인 영상이
당신을 더 필보이드 속으로 깊숙히 파고들게 할 것입니다.

누구나 마주치는 공허한 시간과
존재하는 그대로의 자신을 마주할 수 있는공간

온 몸을 감싸는 감각의 자극이
내면의 공허함과 무료함을 채우는 그 때, 그 곳.
필보이드는 일상의 시간과 공간인 욕실에 새로운 의미를 더하고자 디자인 하였습니다.
필보이드의 감각적인 향으로 당신의 몸에 휴식을 더하세요.

구현기술

- Parallax 및 TweenMax를 활용한 등장모션 구현
- Blur, SVG, PIXI, Canvas를 활용한 모션 구현
- lazyload, Pjax 설계를 통한 지연시간 최적화

404 에러페이지 디자인

브라우저 기본 404페이지는 지루하고 도움이 되지 않습니다.
맞춤 제작 404페이지로 에러페이지에 대한 방문자의 스트레스와 이탈률을 줄였습니다

어워드 수상내역

REDDOT : 2020 / Brands & Communication / WINNER

&AWARD : 2020 / Beauty / GRAND PRIX

  • 2020

    REDDOT
    REDDOT WINNER
  • 2020

    &AWARD
    &AWARD GRAND PRIX

만든사람들

기획
  • 이미진

    PM
  • 정유하

    PA
  • 양승오

    QA
  • 김정태

    SEO
디자인
  • 정다운

    PM
  • 이지수

    PL
  • 박소현

    MOTION
개발
  • 김민서

    PM
  • 쇼베 니콜라

    RND
  • 이영일

    PL
primary mask
secondary mask
Loading 패러글라이딩 로딩중 패러글라이딩 로딩완료
Loading 발레 로딩중 발레 로딩완료
Loading 슈퍼맨 로딩중 슈퍼맨 로딩완료
Loading 캐논맨 로딩중 맨 로딩완료 캐논 로딩완료