BRO&TIPS WORDPRESS

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

  • CLIENT

    아모레퍼시픽

  • RELEASE DATE

  • TYPE

    반응형웹, CMS

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

사이트 바로가기

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

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

퍼포먼스 최적화형 웹

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

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

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




PREV
NEXT

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

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


404 에러페이지 디자인

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

프로젝트 참여자

기획
  • 양승오

    양승오

    PM
  • 김정태

    김정태

    COPY
디자인
  • 정다운

    정다운

    PM/ILLUST
  • 이지수

    이지수

    PL/ILLUST
  • 서지민

    서지민

    ILLUST
  • 송유진

    송유진

    ILLUST
  • 현미은

    현미은

    ILLUST
  • 박소현

    박소현

    MOTION
개발
  • 쇼베 니콜라

    쇼베 니콜라

    PM/MOTION
  • 김민서

    김민서

    PL/MOTION
  • 김민석

    김민석

    BACKEND
primary mask
secondary mask
Loading 슈퍼맨 로딩중 슈퍼맨 로딩완료

오프라인 상태입니다.