Virnect_make20.gif

Make 2.0 Visuals

Virnect  |  2020.07 ~ 12

VIRNECT Make 2.0은 쉽고 빠르게 현장을 위한 AR 작업 정보를 제작할 수 있는 프로그램입니다.

설비 운영/작업 절차 등 산업에 필요한 모든 정보와 지식을 AR 콘텐츠로 제작 가능합니다.

제품의 2.0 버전 업데이트를 준비하며, 3D그래픽을 활용하여 브랜드의 아이덴티티를 확장했습니다.

더불어, 제품의 AR에셋의 제작에 참여했습니다.

VIRNECT Make 2.0 is a program that allows you to quickly and easily produce

AR work information for the site quickly.All the information and knowledge necessary for the industry,

such as facility operation/work procedure, can be produced as AR contents.

I've
expanded the brand's identity by leveraging 3D graphics to prepare

for the 2.0 version update of the product. In addition,

I participated in the production of AR Asset.

2_make-2.png

개선된 버전의 AR저작 도구를 출시하며, 누구나 손쉽게 제작할 수 있는

(Everyone Easy Efficiency) 제품의 강점을 시각 언어로 표현하는

 방법을 고민했습니다.

RESULT

제품의 핵심적인 기능을 정의하고, 도출된 내용을 바탕으로 고객으로 하여금

AR을 쉽게 이해할 수 있도록 하며, 보다 매력적인 프로그램으로 고객에게

어필할 수 있는 그래픽을 제작했습니다.

그래픽으로 확장된 제품의 아이덴티티는 유용한 마케팅 자산으로

활용될 것이라 생각합니다.

QUESTION

HOW

2_make-3.png

전문적인 개발자가 아닌 유저들도  비코딩방식으로 쉽게 AR 콘텐츠를 제작할 수 있습니다.

누구나 쉽게 할 수 있다는 것은 Make 2.0의 핵심 가치입니다.

2_make-4.png
2_make-5.png

DESIGN PROCESS

정의된 키워드를 바탕으로 그래픽 스타일의

기준이 될 모티브를 제작했습니다.

Make 1.0버전부터 정립되어 온

제품의 가치를 정의했습니다.

제작된 리소스를 다양한 플랫폼에 적용하는

과정을 통해 목적에 맞는 그래픽으로

개선해나갔습니다.

모티브를 기준으로 다양한 시도를 통해

제품의 기능과 정합 되는 그래픽 소스를

제작했습니다.

2_make-6.png

증강현실 환경 내의 오브젝트는

모두 입방체의 모습을 갖고 있습니다.

콘텐츠는 현실 세계 위에 증강됩니다.

증강현실이라는 Layer를 통해 고객에게

새로운 경험을 제공합니다.

Layer

손쉽게 설정할 수 있는 머티리얼은

Make2.0의 강점 중의 하나입니다.

Shape

Material

DEFINE

Make는 2019년 1.0 제작이 완료되었으며, 이를 바탕으로 2.0 업데이트 버전을 출시합니다.

제품의 초기부터 정립된 제품의 핵심 가치에서 3가지 키워드를 도출했습니다.

MOTIF  |  VISUALIZATION

모티브를 기준으로 다양한 시도를 통해 제품의 기능과 정합되는 그래픽 소스를 제작했습니다.

단순하고 설명적인 표현 방식을 지양했습니다. 업데이트를 통한 제품의 대대적인 개선 사항을

고객의 인상에 깊게 남도록 간결한 시각 언어로 표현했습니다.

2_make-9.png
2_make-8.png

Blue

HEX : #2284FF

RGB : 34 / 132 / 255

Pastel Blue

HEX : #A8D5FE

RGB : 168 / 213 / 254

Pastel Grey

HEX : #D0D1D3

RGB  208/ 209 / 211

Light Blue

HEX : #27AEFF

RGB : 39 / 174 / 255

Yellow

HEX : #FFB81A

RGB  255 / 184 / 26

Pastel Violet

HEX : #C39FFF

RGB  195/ 159 / 255

Gradation

HEX : #C39FFF            #1B69CC

Deep Blue

HEX : #1B69CC

RGB : 27 / 105 / 204

Deep Blue

HEX : #1B69CC

RGB : 27 / 105 / 204

Deep Grey

HEX : #292D36

RGB : 41 / 45 / 58

White

HEX : #FFFFFF

RGB : 255 / 255 / 255

2_make-10.png
2_make-12.png
2_make-15.png
2_make-16.png

ILLUSTRATION

다양한 플랫폼에서서 사용될 수 있는 일러스트 시스템을 디자인했습니다.

마케팅 차원에서 제품의 기능을 설명할 때 효율적으로 사용 될 수있습니다.

3-5.png
2_make-18.png
2_make-19.png
2_make-21.png

각 개체들의 특징이 될수 있는

오브젝트를 활용했습니다.

레이어 개념을 바탕으로

그래픽 요소들을 배치했습니다.

친숙한 소재를 활용하여

제품의 기능을 표현했습니다.

ICONOGRAPHY

AR컨텐츠 제작에 활용는 경우와 2D그래픽으로 제품의 기능을 설명하는 경우를 고려하여

아이콘 리소스를 제작했습니다. Make2.0 로고의 특징적인 부분을 도출하고,

이것을 Feature로 아이콘을 제작했습니다.

2_make-24.png

WEB BANNER

규격화된 배너로 마케팅 컨텐츠의 일관성과 작업의 효율성을 확보하고자 했습니다.

2_make-25_2x.png

Guide

Margin : 80px

Headline Text  :  Noto Sans CJK KR Lgiht , Bold_42px

Headline Text Color  :  #FFFFFF

Body Text  :  Noto Sans CJK KR Light , Bold _ 16px

Body Text Color  :  #FFFFFF

Motif Color  :  White, Blue, Deep Blue

Size :  1000 x 400,450,600

2_make-26.png

​POSITION

제픔 내에서 그래픽들은 사용자의 시각적인 흐름에 있어서 중요한 부분에 배치되었습니다.

더불어, 제품의 아이덴티티를 보다 명확히 표현하는 기능을 합니다.

page_01.png
2_make-29.png
2_make-29 사본.png
대지 287 사본.png
대지 287 사본 2.png