다음글 이전글
Brand experience design BurBerry Microsite
01 OVERVIEW

잡지포맷 꼴라주 디자인 버버리 프로모션 사이트

2013년 S/S 컬렉션을 프로모션하기 위한 마이크로 사이트로 버버리의 다양한 상품과 버버리 뷰티에 대한 인지도를 높이기 위해 제작하였다. 버버리 코스메틱과 패션을 함께 소개하기 위해 타이포와 아이템을 잡지 레이아웃의 이미지 누끼와 타이포에 주목성을 주는 디자인으로 트렌디하게 구성하였다. 각 아이템을 클릭하면 상세 정보를 확인할 수 있다.

Web Convergence A class / 권채빈 학생 제작작품
 Web Convergence class 권채빈 학생 제작작품

- 브랜드
: Burburry
- 종류
: Micro Site
- 제작프로그램
: Photoshop , Dreamwever
- 레이아웃
: Flexible grid
- 타이포그래피
: 이미지폰트 90%, 시스템 폰트 10%
- 디자인 이론
: 실험적 타이포그래피 형태조합과 오브제의 입체단을 이용 꼴라쥬 방식
- 비주얼 스킬
: 이미지를 사용한 잡지편집 꼴라쥬
- 웹표준
: 부분 웹 표준화
- 제작컨셉
: 2013년 S/S 컬렉션을 프로모션하기 위한 마이크로 사이트로 버버리의 다양한 상품과 버버리 뷰티에 대한 인지도를 높이기 위해 제작하였다. 버버리 코스메틱과 패션을 함께 소개하기 위해 타이포와 아이템을 잡지 레이아웃의 이미지 누끼와 타이포에 주목성을 주는 디자인으로 트렌디하게 구성하였다.
02 Plan & analysis

버버리 프로모션 디자인 기획 및 방향성 분석

사업내용 및 GS에너지를 친근하게 홍보하기 위한 기업 사이트로 정보를 보다 쉽게 인지하고 긍정적인 반응을 끌어낼 수 있도록 제작. 간결한 레이아웃으로 구조를 효율화 시키고 일러스트로 자연친화적인 비주얼을 구성하여 기존 난해하고 딱딱한 이미지를 탈피하고 아이덴티티를 확립

PROJECT GOAL
typography + collage + brand identity
03 work Story

잡지편집 비주얼 스킬 및 작업 과정

타이포그래피에서 상징적으로 볼 수 있는 알파벳을 중심으로 두고 형태 조합을 만든 후 버버리 제품 오브젝트로 레이아웃 잡아가면서 잡지 편집 꼴라주 기법을 이용해서 입체단을 표현한다.  


01_BX_01_버버리_움짤.gif

04 OUTPUT

이미지 꼴라주를 통한 오브젝트 비주얼 구성

- visual 영역 :

효과적인 버버리의 제품군들의 이미지를 선정하여 제품 꼴라주를 하였고 BG에 공백의 성향을 가지고 있는 부분에 세리프의 얇은 폰트의 형태조합으로 주목성을 주어 타이포에 미적기능을 주었다.

01.main visual - runway look
main visual1
02.main visual - new cosmetic
main visual2
03.main visual - lip velvet
main visual3
04.main visual - accessories
main visual4
05.main visual - trench coats
main visual5
05 publishing

Motion을 이용한 비주얼 위주의 홍보 사이트 구성

- papallax scroll :

상하 좌우로 화면이 스크롤 될 때, 배경 이미지들과 오브젝트 이미지들간 시차가 발생하여 스크롤 되도록 하는 기법으로 각 영역마다 이미지에 시간차의 스크롤을 적영하여 움직임을 주었다.

main visual - new cosmetic
new cosmetic
main visual - new cosmetic - powder
powder
main visual - new cosmetic - powder
event
main visual - new cosmetic - powder
event
06 Mobile

버버리 Mobile APP 제작

마이크로 사이트가 가진 브랜드의 프로모션 성향을 바탕으로 모바일 환경까지 고려하여 함께 작업한 작업물로 디바이스의 특성에 맞춰서 학생이 100% 작업한 결과물입니다.

new cosmetic
모바일 상세 서브페이지
모바일 상세 서브페이지
마이크로 사이트 학생작품

 저작권은 디자인나스에 있습니다. 스크랩 하실 때 출처를 남겨주세요.

디자인나스의 작품은 모두 학생작품입니다.

디자인나스는 국내최고의 디자인아카데미이자, 선두주자입니다.

  • 페이스북
  • 블로그
  • 인스타그램

nothing more than quality, designnas