Capston Project

Disney+:Re

CGV:Re

Spider man Poster

Another Face

Works
2023~2024
Capstone Project
DIORAMA
디오라마 프로젝트에서 명함, 포스터, 모바일 어플리케이션은 개인 작업으로 진행하였고 웹과 로고는 팀으로 제작하였습니다.
저희 프로젝트는 넓은 온라인 세계를 오프라인 공간에 압축해서 구현해놓았기 때문에 디오라마라는 이름을 붙였습니다. 영화관과 소극장 같이 극장 체험의 장점인 '집에서 자신의 스크린으로 즐기던 콘텐츠를 다 같이 나누고 소비하며 공동체 의식을 형성한다.' 라는 경험을 선사하는 것이 디오라마의 목표입니다.
capstoneDIORAMA Logo
Program

Adobe Illustration

Typography

911 Porsha

Color

디오라마 로고는 디오라마의 텍스트를 활용하여 로고를 디자인하였습니다.폰트는 911 포르쉐 를 활용하였고 컬러는 차가운 사회를 의미와 저희 공간을 가장 많이 이용할 청년들의 컬러인 블루 컬러 그리고 이 사회를 재생시킨다는 의미의 그린 컬러를 포인트 컬러로 잡고 디자인을 진행하였습니다.

DIORAMA Vertical Logo

DIORAMA Horizontal Logo

capstoneDIORAMA Business card
Program

Adobe Illustration

Typography

Pretendard

Color

디오라마 팀의 사람들을 소개하는 명함입니다. 전체적인 컨셉에 어울리게 레이아웃 배치를 중요하게 생각해서 디자인을 진행했고 다른 요소들과 다르게 컬러감을 단정하게 화이트로 통일하여 배경색을 주었습니다.

DIORAMA Business card Mockup

DIORAMA Business

capstoneDIORAMA Poster
Program

Adobe Photoshop

Typography

Pretendard

Color

디오라마 포스터는 웹을 홍보하기위해 제작한 포스터입니다. 웹과 컨셉을 동일하게 진행해서 타이포 중심의 포스터로 디자인을 하였고 저희 디오라마 공간의 사진과 메인컬러를 포인트로 배치하였습니다. 그리고 그레인 효과를 주어 저희 주제가 영상 콘텐츠 중심이기 때문에 그레인 효과를 주어서 포스터를 제작하였습니다.

DIORAMA Poster Mockup

DIORAMA Poster

capstoneDIORAMA Web Design
Program

Figma

Typography

PretendardMontserrat

Color

디오라마에 대한 정보를 볼 수 있는 웹사이트 입니다. 전체적인 구성은 휴즈 타이포 스타일로 진행을 하였고 백그라운드 컬러는 영상을 주체로 한 공간이기 때문에 블랙중심의 컬러로 디자인을 진행하고 로고의 컬러를 활용하여 포인트를 주었습니다.

DIORAMA Architecture page

DIORAMA Web main

DIORAMA Web Mockup

capstoneDIORAMA Mobile Web
Program

Figma

Typography

PretendardMontserrat

Color

디오라마에 대한 정보를 볼 수 있는 웹사이트 입니다. 전체적인 구성은 휴즈 타이포 스타일로 진행을 하였고 백그라운드 컬러는 영상을 주체로 한 공간이기 때문에 블랙중심의 컬러로 디자인을 진행하고 로고의 컬러를 활용하여 포인트를 주었습니다.

DIORAMA Mobile main

DIORAMA Mobile page

DIORAMA Mobile Mockup

Redesign Project
Disney+: Re
리지다인 프로젝트는 제가 사용하면서 불편하거나 인터페이스를 시청자 중심으로 디자인을 진행한 프로젝트입니다.
디즈니 플러스의 웹 리디자인은 경쟁 OTT 플랫폼들과의 치열한 시장 경쟁 속에서 사용자 경험을 극대화하고, 콘텐츠 탐색의 용이성을 높이며, 직관적인 인터페이스를 통해 시청자들이 사용할 때 편의성과 콘텐츠에 더욱 쉽게 접근할 수 있도록 하였습니다.
redesignDisney+ Web
Program

Figma

Typography

Noto sans

디즈니 플러스는 일반적으로 드라마를 주 단위로 내기 때문에 시청중인 콘텐츠가 돋보여야한다고 생각했고 처음 영상에 들어갔을때 에피소드와 시즌을 한눈에 볼 수 있게 배치를 진행하였습니다. 특히 영상을 눌렀을 때 정보를 한눈에 볼 수 있게하고 짧은 스틸 컷과 뒤에 예고편을 배치해 시청자들이 더 많은 시간을 플랫폼에서 소비하도록 리디자인을 진행하였습니다.

Disney+ main page

Disney+ sub page

Disney+ Web Mockup

Redesign Project
CGV: Re
리지다인 프로젝트는 제가 사용하면서 불편하거나 인터페이스를 시청자 중심으로 디자인을 진행한 프로젝트입니다.
CGV는 대한민국에 있는 대형 영화 체인점입니다. 현재 경쟁사 2사가 있지만 2023년 경쟁사들을 재치고 영화 산업의 선두를 달리고 있는 가운데 CGV의 웹사이트는 너무 평범하다고 생각이 들었습니다. 다른 영화 사이트와 차별 된 웹사이트가 되어야한다고 생각되어서 리디자인을 진행하였습니다.
redesignCGV Web
Program

Figma

Typography

Noto sans

CGV는 현재 한국 영화 시장을 주도하고 있습니다. 이러한 모습을 웹사이트에도 나타내고 싶어서 벤토 그리드 레이아웃을 활용해 새로운 웹 디자인을 주도함과 동시에 다른 영화사들과 차별점을 주면서 리디자인을 진행하였습니다.

CGV main page

CGV sub page

CGV Web Mockup

Poster Project
Spider man : Across the Spiderverse
포스터 프로젝트는 홍보를 하기위해 컨셉을 강조하여 진행한 프로젝트입니다.
스파이더맨의 홍보포스터로서 스파이더맨이 가지는 역동성을 강조하여 입체감이 있는 비주얼로 관객들의 시선을 사로잡는 방향을 디자인을 진행하였습니다.
posterSpiderman poster
Program

Photoshop

Typography

Akzidenz-Grotesk BQ Extra

영화의 비주얼에 활용한 하프톤 기법을 사용해 폰트에 적용시켰고 영화의 스토리가 포탈을 통해 여러 멀티버스를 여행하기 때문에 만화세계에 있던 스파이더맨이 나오는 모습을 역동성 있게 표현하였습니다.

Spiderman Poster

Poster Project
Another face
포스터 프로젝트는 홍보를 하기위해 컨셉을 강조하여 진행한 프로젝트입니다.
Another face, 또 다른 얼굴은 제가 진행한 편집물입니다. 가면이라는 소재를 활용해서 여러 나라의 문화가 들어간 가면 뿐만 아니라 사회에서 살아 남기 위해 사람들이 쓰는 가면 그리고 그 뒤에 숨겨진 자신의 감정과 표정을 알아가는 과정의 책입니다. 편집물읠 홍보하기 위해 포스터 제작을 진행하였습니다.
posterAnother face poster
Program

Photoshop

Typography

Lemon Milk

Another Face라는 편집물을 기반으로 한 포스터 디자인에서는 무채색의 얼굴들 사이에 포인트 컬러를 사용해 시각적 대비와 감정이라는 요소를 느껴지게하고, 타이포그래피를 적절히 배치하여 정보 전달의 명확성을 높였습니다.

Another Face Poster

Another Poster Mockup