....

퀵메뉴
!%<@}#*&

WEE:CODA
Design, Publishing
development

ux ui dESIGN

@2023

WEE : CODA

Creative Realities, Connected World

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

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

(metaverse)

Mobile Design

모바일

(mobile design)

#fun
재미
#community
소통
#chat
채팅
#trust
신뢰
#benefit
유용
#metaverse
메타버스
#space
공간

(point)

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

Color

(Blue)

R 119 G155 B238
C58 M36 Y0 K0
#6192ee

Fonts

Ab
KOHI Baeum
Pretendard

Color

(Orange)

R 251 G152 B87
C1 M53 Y65 K0
#fb9857

Gradation
Color.

Object & Icon
(point)

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

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

Metaverse Plaform Metaverse Plaform Metaverse Plaform

wee : coda
mobile design

(metaverse platform)

(Real Live Chat)

platform
ui design

WEE:CODA
Design, Publishing
development

sUB DESIGN

백그라운드
리스트로 가기
잇다소프트의
포트폴리오를 확인하세요
혁신적인 디자인혁신적인 디자인으로 홈페이지를 크리에이티브홈페이지를 크리에이티브하게 변화시킵니다.