홈페이지제작 (주)잇다소프트

CULTURE NIGHT
Design, Publishing
development

ux ui dESIGN

Culture Night

Spring Night in Jeongdong

로맨틱 정동, 봄으로 피어나다

Overview: 정동야행의 행사 홈페이지를 목표로 두어, 깔끔하면서도 전통의 미를 활용하면서 트렌디한 느낌을 줄 수 있는
비주얼 중점을 두고 디자인하였습니다. 화이트 배경을 사용하였으며, 전체적으로 여백을 활용하여 답답하지 않고
시원한 레이아웃으로 구성하였습니다. 콘텐츠를 확실하게 구분하여 사용자에게 명확하게 정보를 전달하면서,
재미를 유발할 수 있도록 직관적인 모션을 활용하였습니다. 사전하기 버튼을 배치하여 기업의 홍보성을 높였습니다.

view site

(culture night)

(mobile design)

(point)

Tone & Fonts: 컬러는 핑크를 활용하여 봄을 표현하였으며, 대비를 활용하여 화이트와 블랙을 조화롭게 사용하습니다.
포인트 컬러를 적극적으로 활용하여 아이덴티티를 유지하면서 디자인이 단조로워 보이지 않도록
구성하였습니다. 사용자에게 명확하게 정보를 전달하고 홍보를 하기 위해 깔끔하게 정리된 폰트로
구성하였으며, 영문 폰트로 포인트를 주어 영문과 한글이 조화롭게 어울릴 수 있도록 디자인하였습니다.

Color

(Pink)

R255 G67 B147
C0 M84 Y10 K0
#ff4393

Fonts

Color

(Green)

R60 G154 B153
C74 M26 Y43 K0
#3c9a99

Gradation
Color.

Object & Icon: (point)
여백에 블러 오브젝트를 적극적으로 활용하여 트렌디하면서 디자인의 완성도를 높였습니다.
사용자에게 직관적으로 콘텐츠를 전달하기 위해 깔끔하고 정리된 아이콘으로 해당 내용을 전달합니다.

coming soon

2024.00.00 Friday

정동야행의 봄밤

Introduction Design: 프로그램을 소개하는 부분은 전통적이면서도 봄 밤의 느낌에 중점을 두고 디자인하였으며, 공연 개막 부분을 참고하여
모션을 구성하였습니다. 스크롤 시 벚꽃이 콘텐츠를 가리다가 열리는 모션을 통해 주목성을 높였습니다. 색상 및 선과 도형을
활용하여 한국적인 미를 표현하였으며, 텍스트 크기를 통해 강조하였습니다. 가운데에 포인트를 두어 중앙에
도달했을 때 호버 시 타이틀에 대한 내용을 확인할 수 있도록 구성하였습니다. 중앙 콘텐츠에 집중시키기 위해 벚꽃
일러스트와 모션을 활용하여 집중시켰으며, 사이드에 있는 콘텐츠는 불투명도를 조절하여 콘텐츠 구분을 확실하게 하였습니다.