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

WEE:CODA
Design, Publishing
development

ux ui dESIGN

WEE : CODA

Creative Realities, Connected World

창의적 현실, 연결된 세계, 소통

Overview: ‘메타버스’를 다루는 메타스카이의 아이덴티티를 살리기 위하여 첨단과학적이고 미래적인 컨셉의 세련된 사이트를
디자인하였습니다. 전체적으로 심플하고 단단하지만 포인트 요소들이 시선을 사로잡을 수 있게 제작하였습니다.
전체적으로 모던하고 미래적인 느낌을 주기 위하여 라인을 비강조로 사용하였는데, 라인은 사용자 시선의 흐름을
유도하고, 컨텐츠의 레이아웃을 더 균형 잡혀 보이게 만드는 효과가 있습니다.

view site

(metaverse)

(mobile design)

(point)

Tone & Fonts: 컬러는 블랙과 어두운 청록색 계열의 배경컬러로 톤을 정리하였습니다. 로고의 컬러인 블루와 오렌지 색상을
활용하여 그러데이션으로 표현하였습니다. 기업의 아이덴티티를 살리기 위하여, 메인 컬러 및 로고를
적절히 사용해 포인트를 주었습니다. 사용자에게 정보를 직관적으로 전달할 수 있는 깔끔한 폰트로 구성하였으며,
영문 폰트는 포인트 폰트를 활용하여 사이트를 강조하였습니다. 크고 두꺼운 타이틀과 얇고
작은 본문 텍스트의 대비를 통하여 직관적이고 세련된 느낌을 줬습니다.

Color

(Blue)

R 119 G155 B238
C58 M36 Y0 K0
#6192ee

Fonts

Color

(Orange)

R 251 G152 B87
C1 M53 Y65 K0
#fb9857

Gradation
Color.

Object & Icon: (point)
로고를 오브젝트로 활용하여 전체적으로 포인트를 주면서 아이덴티티를 유지하였습니다.
사용자에게 직관적으로 서비스를 전달하기 위해 깔끔하고 정리된 아이콘으로 해당 서비스 내용을 전달합니다.

Service design: WEE : CODA 플랫폼인 ROMANTO, Real Live Chat은 사용자에게 직관적이고 명확하게 정보를 전달할 수 있도록
구성하였습니다. 스크롤 하면 Real Live Chat의 소개 영상이 나타나며, 해당 영상은 사이트 아이덴티티에 맞게
UI를 심플하게 리디자인하였습니다. 영상 사이즈는 배경의 이 강조 라인에 맞춰 넣음으로써 레이아웃의 균형을 잡았습니다.
ROMANTO 또한 Real Live Chat과 동일하게 영상과 함께 채워지는 텍스트 구동이 나타납니다.
영상은 사이트 아이덴티티에 맞게 UI 예시를 만들었습니다.