BRO&TIPS WORDPRESS

브로앤팁스 반응형웹 제작 사례

  • CLIENT

    아모레퍼시픽

  • RELEASE DATE

  • TYPE

    반응형웹, CMS

아모레퍼시픽이 20년만에 선보인 남성 화장품 브랜드 브로앤팁스는 건성, 지성, 민감성 등
피부타입에 맞춘 올인원 제품으로 남성들의 귀차니즘을 한방에 해결하고 위트 넘치는 콘텐츠와 유용한 팁으로
새로운 문화를 만들어가는 사이트 입니다. 브로앤팁스만의 독특하고 자유로운 분위기와 개성 넘치는
제품 상세페이지가 잘 표현되어 있습니다.

브로앤팁스는 웹어워드코리아 2019 화장품분야 대상, 앤어워드 2019 BEAUTY분야 WINNER를 수상했습니다.
2020년 레드닷 디자인 어워드 'best of the best' 수상

사이트 바로가기새창 열기

아름답고 유용하며 의미있는 디자인

락커 안에 좋아하는 포스터나 잡지 스티커를 붙히듯 20대 형들의
개인 사물함 안의 공간을 컨셉으로 디자인 하였습니다.
남성적인 라인과 잡지를 보는듯한 굵은 타이포 그라피, 브로앤팁스 일러스트 아이덴티티를
가져와 아이콘 및 그래픽 요소에 접목시켜 통일감 있는 아이덴티티를 구성하였습니다.

퍼포먼스 최적화형 웹

컨텐츠 로딩속도 최적화를 위해 lazyload방식을 채택, 페이지 간의 지연시간을 최소화 시킴으로
보다 빠르고 특별한 사용자 경험을 제공합니다.

오직 브로앤팁스만의 아이콘 디자인
브로앤팁스의 아이덴티티를 가져와 아이콘 및 그래픽 요소에
접목시켰습니다

전페이지에 들어가는 일러스트는 오직 브로만을 위해 제작한 디자인으로
페이지마다 특성에 맞게 구성하였습니다.

PREV
NEXT

한시도 눈을 뗄 수 없는 서브페이지

귀찮은 형들을 위한 브로만의 서브페이지는 내용을 최소한으로 줄이고
주요 내용만 일러스트와 함께 강조하는 형식으로 구성하였습니다.
각 제품마다 특성에 맞게 키치한 일러스트는 또하나의 브로코드를 표현한것입니다.

404 에러페이지 디자인

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

어워드 수상내역

REDDOT : 2020 / Brands & Communication / BEST OF THE BEST

WEB AWARD KOREA : 2019 / 화장품 분야 대상

&AWARD : 2019 / Beauty / WINNER

  • 2020

    REDDOT
    REDDOT BEST OF THE BEST
  • 2019

    WEB AWARD KOREA
    WEB AWARD KOREA 화장품분야 대상
  • 2019

    &AWARD
    &AWARD WINNER

만든사람들

기획
  • 양승오

    PM
  • 김정태

    COPY
디자인
  • 정다운

    PM/ILLUST
  • 이지수

    PL/ILLUST
  • 서지민

    ILLUST
  • 송유진

    ILLUST
  • 현미은

    ILLUST
  • 박소현

    MOTION
개발
  • 쇼베 니콜라

    PM/MOTION
  • 김민서

    PL/MOTION
  • 김민석

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