ONE AND ONLY BEAUTY TECHNOLOGY.

FORMULA OF STANDARD SKINCARE.

FOSSULA PC WEB, MOBILE WEB UI.UX EXPERIENCE

Fossula

FOSULLA WEBSITE VER 2.0

WE PRESENT BEAUTY AND HAPPINESS THROUGH NEW FORMULA.

© 2020
PROJECT OVERVIEW

본 프로젝트는 2020년 9월 신규 론칭한 코스메틱 브랜드 포슐라의 브랜드 아이덴티티를 명확히하여 대중 인지도를 향상 시키고, 향후 진행할 다양한 캠페인을 고객에게 보다 효과적으로 전달하기 위한 전략적 마케팅 채널로 사용하기 위해 운영의 용이성과 정보 전달률을 극대화 시킬 수 있는 웹사이트를 구축하는 데에 목적이 있습니다.

UX.UI DESIGN STRATEGY
WELL - DEFINED BRAND IDENTITY
포슐라의 아이덴티티를 브랜드 사이트에
잘 녹여 대중 인지도를 향상시킵니다.
CLEAR VISUAL HIERARCHY
고객이 정보를 쉽게 인지할 수 있도록 정보의
위계를 정리하여 고객이 원하고 필요한 정보를
강조하는 디자인을 채용했습니다.
USER - FRIENDLY COMMUNICATION
고객 친화적인 언어적, 시각적 커뮤니케이션
방법으로 채널의 목적을 명확히 합니다.
White Essence
SITE STRUCTURE
  • MAIN
  • PRODUCT LISTPRODUCT DETAIL
  • OUR PHILOSOPHY
  • CAMPAIGN
  • VISIT US
Firming Essence
Fossula logo
Fossula logo
fossula Toner Image
TYPOGRAPHY
  • ROBOTO. REGULAR
  • ALBRA SANS. REGULAR
  • NOTO SANS KR. MEDIUM
COLORS
  • #000000
  • #FFFFFF
  • #F7F7F7
  • #980000
  • #E5C7A9
Cream
  • mobile screen
MAIN PAGE
포슐라의 홈은 고객과의 커뮤니케이션이 시작되는
접점으로 새로운 제품과 캠페인이 출시될 경우 전략적 마케팅
채널로서의 역할을 극대화하기 위해 운영 용이성을 우선으로
고려하여 설계되었습니다.
  • mobile screen
  • mobile screen
  • mobile screen
MOBILE WEB UI
반응형 웹 디자인을 통해 PC에서의 정보 탐색
경험을 모바일뿐 아니라 다양한 디바이스 환경에서
일관성 있게 경험이 가능합니다.
  • mobile screen
  • mobile screen
PRODUCT DETAIL PAGE
제품 정보를 원하는 고객에게 있어 중요한
정보를 선별 후 시각적으로 함축, 강조하여 빠르고 쉽게
인지할 수 있도록 디자인하였으며, 마케팅 채널로서의
역할에 집중 할 수 있도록 하였습니다.
fossula web pc web site
  • mobile screen
  • mobile screen
formula of standard skincare
  • mobile screen
  • mobile screen
ABOUT PAGE
어바웃 페이지에는 고객에게 들려주고자 하는
브랜드에 대한 내용을 담았습니다. 철학 및 방향성과 같은 언어적
데이터를 타이포그래피와 시각적 패턴을 통해 의미를 간결하게
함축하여 자연스러운 콘텐츠 소비를 유도합니다.
  • mobile screen
  • mobile screen
  • mobile screen
    • mobile screen
    • mobile screen
    • mobile screen
    • mobile screen
    • mobile screen
WE PRESENT BEAUTY AND HAPPINESS THROUGH NEW FORMULA 01 MOST BEAUTIFUL YOU. 02 ALWAYS ON YOUR SIDE. 03 ONE’S TRUE SELF. WE PROVIDE THE BEST QUALITY PRODUCTS THAT YOU CAN ALWAYS TRUST ON YOUR SIDE FOR OWN BEAUTIFUL LIFESTYLE. object object object
fossula web pc web site
MARKETING CAMPAIGN PAGE
캠페인 페이지는 포슐라가 고객에게 전하려 하는
이야기를 보여주는 공간입니다. 첫번째 캠페인 TV CF
페이지는 영상과 이미지, 콘텐츠 간의 관계를 인터렉션을
통하여 유기적으로 연결하였으며, 이를 통해 콘텐츠
소비 경험에 집중 할 수 있게 디자인하였습니다.
  • mobile screen
  • mobile screen
We will always be the one
  • mobile screen
  • mobile screen
  • mobile screen
On your side
* FOSSULA CORE VALUE
: THE BRAND CORE VALUES CONVEYED BY FOSSULA ARE VALUES THAT CONSIST OF OUR BELIEF AND ATTITUDE FOR OUR CUSTOMERS.
fossula graphic motif
Plus X
CREATIVE DIRECTOR
SABUM BYUN
DIRECTOR
DONGWOO LEE, KIHYUN KIM, HYUNTAEK SIM, SANGWON YU, JAEHOON LEE, KIWON JANG
DESIGN UX
YOUJIN JEON, DONGHWAN LEE, DONGGU KIM
DESIGN UI
DANHEE KIM, DAJUN YOO, HEEWON CHO, HYUNJI JANG, JIMIN LIM
DEVELOPER
TAESUNG ZOO · FARIS KASSIM
MARKETING
BITGOEUL KANG, MYUNGSUN KOO, EUNJEE KIM, GAYEON PARK, SEIHN HA, YEACHAN LEE, NAMHUN KIM
Plus A
DIRECTOR
JEONGHYUCK WON
WS DEVELOPER
JIWON KIM, DOHEE JI
Partners
HUSKYFOX, COSMIC RAY, REVIPE, MOFAC, SANGSANG STUDIO, PROD, PPB STUDIOS