디자인나스

다음글

이전글

01 OVERVIEW

명암스킬 꼴라주 디자인 베네피트 브랜드 사이트

베네피트의 독특한 패키지와 오프라인 매장에서 보여주는 아이덴티티는 강력하다.
아이덴티티를 살리기 위하여 기존의 꼴라주 느낌을 공간으로 구성하도록 재구성하였고 디자인나스의 자체 스킬인 명암스킬을 사용.
오브젝트를 제작하여 톤앤매너를 맞춰 주었다.

Web Convergence A class / 김지영 학생 제작작품

Web Convergence A class 김지영 학생 제작작품

- 브랜드: : Benefit
- 종류: : Brand Site
- 제작프로그램: : Photoshop , Dreamwever
- 레이아웃: : Flexible grid
- 타이포그래피: : 이미지폰트 90%, 시스템 폰트 10%
- 디자인 이론: : 실험적 타이포그래피 형태조합과 오브제의 입체단을 이용 꼴라쥬 방식
- 비주얼 스킬: : 공간느낌의 꼴라주
- 웹표준: : 부분 웹 표준화
- 제작컨셉: : 베네피트의 독특한 패키지와 오프라인의 보여주는 아이덴티티를 살리기 위해 기존 공간 구성을 꼴라주로 재구성하였다. 다양한 오브젝트를 제작하여 톤앤매너를 맞추어 디자인 하였다.
제이쿼리와 GIF를 이용한 움직임을 주어 재미성을 주었다.

포트폴리오 보러가기

02 Plan & analysis

베네피트 브랜드 사이트 디자인 기획 및 방향성 분석

오프라인 매장의 아이덴티티를 강력하게 살리기 위하여 빈티지 하면서도 여성스러움을 기존의 꼴라주 느낌의 공간으로 재구성 하였다. 명암스킬로 오브젝트 비쥬얼을 직접 제작하여 광고적인 성향을 더해 시각적인 재미를 주었다.

03 work Story

명암스킬을 통한 오브젝트 비쥬얼 구성

- Main 영역 :

벽면과 진열대를 연상시키는 광고적 성향을 꼴라주 기법과 명함스킬을 사용하여 브랜드 아이덴티티를 부각시겼고 제이쿼리와 GIF를 이용한 움직임을 주어 재미성을 주었다.

04 OUTPUT

공간 꼴라주 구성을 통한 메인 제작

명암스킬을 통한 오브젝트 배치과 비쥬얼 영역에 광고적인 성향을 더하여 시각적인 재미를 주었다.

05 publishing

css 스타일 코딩을 통한 서브페이지 제작

메인의 빈티지 하면서도 여성스러운 느낌을 살리며 부분 꼴라주를 사용, 하단을 제작하였다. 서브페이지는 안티알리아스의 이미지 폰트와 CSS 스타일을 적용한 시스템 폰트를 적절히 사용하여 가독성과 웹표준 부분에 신경을 써서 작업한 작품이다. 서브페이지는 총 20페이지 정도 제작 하였으며 모든 작업은 학생 스스로가 100% 작업한 결과물이다.

01.make up < face

02.make up < eyes

03.brow bar < question

04.about benefit < store info

eventhome < event

06 publishing

모바일에서 보여지는 UI컨텐츠 구성

제품 브랜드 특징을 파악하여 프로모션의 성격을 강하게 표현하는 디자인을 바탕으로 모바일에서 보여지는 작은 화면안에 UI컨텐츠를 구성하게 된다.

new cosmetic

모바일 상세 서브페이지

포트폴리오 보러가기

마이크로 사이트 학생작품

ㅡ

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

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

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

nothing more than quality, designnas