프로젝트 상담 신청 프로젝트 소개로 건너뛰기

PLATE C · #00A0E9로고의 E는 인쇄 잉크
사이안의 색이고

PLATE M · #E4007FT는 마젠타의
색입니다

C + M가운데 보랏빛은
두 잉크가 겹친 자리입니다

ENART · WEBSITE RENEWAL PROPOSAL

전시의 처음부터책의 마지막 장까지

현대미술 에이전시 이앤아트 홈페이지 리뉴얼 제안
ART IN MOTION · PASSAGE 두 가지 방향

케이스 읽기
01 / OVERVIEW프로젝트 개요

기획하고, 알리고,
책으로 남기는
현대미술 에이전시

이앤아트는 현대미술 전시 기획, 홍보, 출판을 하는 현대미술 에이전시입니다. 한세예스24문화재단 국제문화교류전과 현대자동차의 전시 · 예술 후원 프로젝트를 알렸고, 강익중 작가의 에이전시로서 2024년 이집트 피라미드 국제전 《Forever Is Now》에서 한국 작가로는 처음으로 〈Four Temples〉를 선보였습니다. 현대자동차의 예술후원총서 『Hyundai Motor Art』와 『MMCA Hyundai Motor Series 2014-2023』 같은 예술 서적도 펴냅니다.

블루캔버스는 이앤아트의 홈페이지를 새로 설계하는 두 가지 방향을 제안했습니다. 낮의 전시장처럼 밝은 ART IN MOTION과, 밤의 전시장에서 피라미드 앞까지 걸어 들어가는 PASSAGE입니다. 이 페이지에는 두 시안이 나오기까지 거친 브랜드 해석과 구조, 색과 서체, 움직임을 차례로 정리했습니다.

CLIENT
이앤아트 ENART
현대미술 에이전시
SECTOR
전시 기획 · 홍보 · 출판
어린이 미술관 체험교육
OUR ROLE
리서치, 브랜드 해석, 정보 구조,
UI 디자인, 모션그래픽, 3D · 스크롤 필름
DELIVERABLE
메인 시안 2종, 모바일 화면,
3D 조형 · 스크롤 필름, 컬러 · 서체 가이드
  • 23공개 포트폴리오에 정리된 프로젝트
  • 4홍보를 맡은 한세예스24문화재단 국제문화교류전
  • 10『MMCA Hyundai Motor Series』에 담은 후원 기간(년)
  • 2024한국 작가 최초의 《Forever Is Now》 전시
02 / CHALLENGE출발점

지금 홈페이지의 메인 화면 구성
  1. 1사진 슬라이드 세 장 위에 「이앤아트 소개」, 「이앤아트가 함께 했습니다」 같은 제목이 놓입니다.
  2. 2포트폴리오 여섯 건이 같은 크기의 칸에 차례로 놓입니다.
  3. 3펴낸 책은 포트폴리오 칸과 소식 카드에 나뉘어 있습니다.

FOUR QUESTIONS

리뉴얼은
네 가지 질문에서 시작했습니다

  1. Q1
    첫 화면에서 어떤 회사인지 보일까요?

    지금은 사진 슬라이드 위에 「이앤아트 소개」 같은 제목만 놓여 있습니다. 두 시안은 첫 화면에 이앤아트가 하는 일을 한 문장으로 적었습니다.

  2. Q2
    피라미드 앞에서 열린 전시가 다른 사례와 같은 크기여도 될까요?

    A안은 대표 사례를 화면 폭 가득 펼쳤고, B안은 피라미드 앞에 선 금빛 액자 장면을 따로 만들었습니다.

  3. Q3
    펴낸 책은 어디에 두어야 할까요?

    지금은 책이 포트폴리오 칸과 소식 카드에 나뉘어 있습니다. A안은 출판만 따로 거르는 필터를, B안은 책을 한데 모은 서가를 두었습니다.

  4. Q4
    기획, 홍보, 출판, 교육이 한 흐름으로 읽힐까요?

    두 시안 모두 사업 분야를 전시가 열리기 전부터 끝난 뒤까지의 순서로 다시 배열했습니다.

23 PROJECTS, SORTED

스물세 건을
일의 종류로 나누면

공개 포트폴리오 23건을 최신순 그대로 놓았다가 일의 종류별로 다시 모았습니다. 홍보가 열 건으로 가장 많았고, 전시 · 프로젝트가 다섯 건, 출판이 세 건이었습니다. 책은 세 건뿐이지만 한 권에 길게는 10년의 기록이 들어 있습니다.

  • M홍보10
  • C전시 · 프로젝트5
  • K출판3
  • Y교육2
  • –대표 저서 · 방송3
03 / NAME로고 다시 읽기

이름 가운데에
「앤」이 있었습니다

새 상징을 만들기 전에 지금의 로고를 다시 읽었습니다. 다섯 글자 ENART와 그 아래 Art Event & Education, 그리고 사이안에서 마젠타로 넘어가는 색에서 홈페이지 전체의 이야기를 끌어냈습니다.

01 · E & ART

이 · 앤 · 아트

이앤아트를 소리 내어 읽으면 이, 앤, 아트입니다. 가운데 「앤」은 영어 and를 읽는 소리와 같고, 로고 아래 문장 Art Event & Education에도 &가 들어 있습니다. 우리는 이 이름을 예술과 사람을 잇는 회사라는 뜻으로 읽었습니다.

02 · ONE SHAPE

이어진 세 글자

N, A, R 세 글자는 기둥을 나눠 씁니다. N의 오른쪽 기둥이 A의 왼쪽 기둥이 되고, A의 사선은 R의 기둥 아래에서 끝납니다. 끊기지 않는 이 한 덩어리를, 기획에서 홍보와 출판으로 이어지는 이앤아트의 일과 겹쳐 읽었습니다.

03 · HAIRLINE

같은 굵기의 가는 선

다섯 글자의 기둥은 모두 같은 굵기의 가는 선입니다. 장식이 없는 선은 작품을 가리지 않습니다. 두 시안도 굵은 장식 대신 넓은 여백과 가는 선으로 화면을 나눴습니다.

04 · TWO INKS

두 가지 잉크

로고의 색을 한 열씩 뽑아 보면 E는 #00A0E9, T는 #E4007F입니다. 인쇄에 쓰는 네 가지 원색 잉크 가운데 사이안 100%와 마젠타 100%를 화면 색으로 옮길 때 흔히 쓰는 값과 같습니다.

05 · OVERPRINT

겹쳐 찍은 보라

가운데 A의 보랏빛은 두 잉크가 겹친 자리입니다. 열마다 두 잉크의 농도를 거꾸로 계산하면 사이안은 100%에서 0%로, 마젠타는 0%에서 100%로 바뀝니다. 책을 펴내는 회사의 이름이 인쇄 잉크의 색으로 찍혀 있었기에, 두 시안의 색도 잉크와 종이에서 고르기로 했습니다.

04 / WORK이앤아트의 일
  1. 전시가 열리기 전부터
    책이 나온 뒤까지

    이앤아트가 하는 일을 전시 한 편의 시간 순서로 늘어놓았습니다. 두 시안의 장면 순서는 모두 이 줄에서 나왔습니다.

  2. 강익중, 〈Two-colored Moon Jar〉, 2019
    도판 1-1강익중, 〈Two-colored Moon Jar〉, 2019
    개막 전

    01 · ART EVENT

    기획

    현대미술 전시와 아트 토크, 교육 프로그램처럼 미술과 관련된 행사를 기획하고 진행합니다. 뉴욕에서 활동하는 강익중 작가의 에이전시도 맡고 있습니다.

  3. 《말레이시아를 품다》 전시장, 2023
    도판 2-1《말레이시아를 품다》 전시장, 2023
    《태국현대미술: 꿈과 사유》, 2025
    도판 2-2《태국현대미술: 꿈과 사유》, 2025
    개막

    02 · COMMUNICATION

    홍보

    홍보 포인트를 정하고 보도자료를 써서 배포합니다. 언론사를 만나고 기자회견을 열어 중앙 일간지와 방송사, 미술 월간지에 전시가 실리도록 합니다.

  4. 『MMCA Hyundai Motor Series 2014-2023』
    도판 3-1『MMCA Hyundai Motor Series 2014-2023』
    『Hyundai Motor Art 2014-2021』
    도판 3-2『Hyundai Motor Art 2014-2021』
    『한세예스24문화재단 10주년 백서』
    도판 3-3『한세예스24문화재단 10주년 백서』
    폐막 뒤

    03 · PUBLISHING

    출판

    기업과 기관의 예술 활동을 정리한 책을 기획하고 펴냅니다. 현대자동차의 예술후원총서 『Hyundai Motor Art』를 2015년부터 2021년까지 냈습니다.

  5. 《어린이 온-택트: 미켈란젤로 특별전》 강의에서 다룬 〈피에타〉
    도판 4-1《어린이 온-택트: 미켈란젤로 특별전》 강의에서 다룬 〈피에타〉
    다음 관객

    04 · EDUCATION

    교육

    미술관과 갤러리 전시를 함께 찾아가 작품을 감상하고 체험하는 어린이 교육을 개인과 단체 단위로 진행합니다.

  6. 이집트 기자 피라미드 앞 사막에 선 박종규 작가의 설치 작품
    도판 5박종규 at Pyramids, 2025

    05 · WORLD

    서울의 전시장에서
    기자 피라미드까지

    이 순서는 국경을 넘어서도 같습니다. 2024년과 2025년, 이앤아트가 소개한 한국 작가의 작품이 이집트 기자 피라미드 앞에 섰습니다.

05 / STRUCTURE방문자와 장면 순서

이앤아트 홈페이지를 여는
네 부류의 사람들

미술 에이전시의 홈페이지에는 일을 맡기려는 기업과 재단의 담당자뿐 아니라 작가와 기자, 아이의 미술 교육을 찾는 부모도 찾아옵니다. 방문하는 사람마다 확인하려는 정보가 달라서, 각자가 도착할 장면을 먼저 정했습니다.

  • 01기업 · 재단의 문화 후원 담당자

    어떤 전시와 책을 함께 만들었고, 언론에 어떻게 실렸는지 확인합니다.

    대표 사례 · 출판
  • 02작가와 갤러리

    해외 전시와 에이전시 경험을 찾습니다.

    Forever Is Now · 걸어온 길
  • 03기자와 미술계 관계자

    전시 소식과 보도자료, 연락할 곳을 찾습니다.

    소식 · 문의
  • 04학부모와 선생님

    어린이 미술관 체험교육을 신청하는 방법을 찾습니다.

    사업 분야 · 문의

홈페이지를
전시 동선처럼 짰습니다

전시장은 관람객이 걷는 순서를 먼저 정하고 작품을 겁니다. 두 시안의 메인 화면도 같은 방식으로 장면 순서를 먼저 정했습니다. 첫 장면에서 회사를 소개하고, 기획과 홍보, 출판의 장면을 지나 마지막에 문의에 닿습니다. 색 점은 각 장면이 보여 주는 일입니다.

  • 기획
  • 홍보
  • 출판
  • 교육
  • 소개 · 문의

A · ART IN MOTION

  1. 01ART IN MOTION.마우스를 따라 기우는 3D 리본
  2. 02ABOUT예술과 사람 사이, 새로운 접점
  3. 03SELECTED WORK대표 사례 네 건 · 전시와 출판 필터
  4. 04FROM ENCOUNTER TO MEMORY작품 → 전시 현장 → 책
  5. 05WHAT WE DO사업 분야 네 가지
  6. 06ART CONNECTS US강익중 작가의 달항아리
  7. 07JOURNAL최근 소식 세 건
  8. 08LET’S TALK문의

B · PASSAGE

  1. 01PASSAGE액자 네 개를 지나는 스크롤 필름
  2. 02기획의 말 · 숫자처음과 끝, 4 · 110 · 10 · 2
  3. 03FOREVER IS NOW피라미드 앞 세 작품
  4. 04전시의 처음과 끝기획 · 홍보와 출판 · 교육 카드
  5. 05SELECTED WORKS작품 열한 점의 갤러리 벽
  6. 06걸어온 길해마다 맡은 일
  7. 07기록은 책으로책 여덟 권의 서가
  8. 08보도 · 사람들보도 매체와 대표 · 디렉터
  9. 09소식과 자료최근 소식 세 건
  10. 10문의문의 양식
06 / COLOR컬러 차트

두 잉크에서
낮과 밤을 골랐습니다

흰 종이 위에서 사이안 잉크와 마젠타 잉크가 엇갈려 겹친 자리에 짙은 보라가 생긴 모습

겹쳐 찍으면
보이는 색

로고는 사이안과 마젠타의 색으로 찍혀 있습니다. 두 시안은 이 두 색을 그대로 쓰는 대신, 잉크를 겹쳐 찍을 때 생기는 색에서 출발했습니다. 두 시안의 대표색을 잉크로 나눠 보면 모두 로고의 두 잉크에서 멀리 떨어져 있지 않습니다.

  • A안Cobalt#2349E8C85 M69 Y0 K9

    사이안과 마젠타를 겹친 파랑에 가깝습니다. 「예술이 사람에게 닿기까지」 장면의 바탕입니다.

  • A안Vermilion#EE492CC0 M69 Y82 K7

    마젠타와 노랑을 겹친 빨강에 가깝습니다. 리본 조형과 문의 장면의 색입니다.

  • B안Night#0A0F1EC67 M50 Y0 K88

    사이안과 마젠타 위에 먹을 겹친 밤의 남색입니다. 페이지 전체의 바탕입니다.

  • B안Gold Leaf#D4AF6AC0 M17 Y50 K17

    노랑에 마젠타와 먹을 조금 더한 금빛입니다. 액자와 숫자, 버튼의 색입니다.

CMYK 값은 화면 색을 인쇄 프로파일 없이 단순 환산한 근사값입니다.

낮의 재료와
밤의 재료

A안은 햇빛이 드는 작업대를 떠올렸습니다. 아이보리 종이 위에 버밀리언과 코발트 잉크 견본, 그리고 첫 화면에 쓴 리본 조형을 올렸습니다.

B안은 해가 진 뒤의 전시장을 떠올렸습니다. 남색 천 위에 금빛 액자 모서리와 금박, 크림색 종이를 놓고 스탠드 하나만 켰습니다. 가운데 선을 좌우로 끌면 두 재료를 견주어 볼 수 있습니다.

A안 ART IN MOTION 의 재료 보드: 아이보리 종이 위의 버밀리언 · 코발트 잉크 견본과 버밀리언 · 크롬 리본 조형
B안 PASSAGE 의 재료 보드: 밤의 남색 천 위에 놓인 금빛 액자 모서리와 금박, 크림색 종이

A · ART IN MOTION

낮의 전시장
  • 바탕 · 35%전시장 벽과 종이의 색입니다. 흰색보다 한 톤 낮춰 사진과 조형이 떠 보이게 했습니다.

  • 사례 · 25%대표 사례와 소식 장의 바탕입니다. 아이보리보다 조금 밝게 두어 장이 바뀌는 것을 알립니다.

  • 조형 · 문의 · 16%리본 조형과 마침표, LET’S TALK 장면의 색입니다.

  • 글자 · 15%대형 제목과 본문의 색입니다. 완전한 검정 대신 조금 따뜻한 먹색을 썼습니다.

  • 과정 · 9%「예술이 사람에게 닿기까지」 장면과 띠 문구의 바탕입니다.

B · PASSAGE

밤의 전시장
  • 바탕 · 73%피라미드 위 밤하늘의 색입니다. 첫 화면의 필름이 페이지 전체로 이어지도록 어둡게 두었습니다.

  • 카드 · 24%카드와 서가, 갤러리 벽의 바탕입니다.

  • 액자 · 강조 · 1%금빛 액자와 숫자, 버튼의 색입니다. 화면의 1%만 차지하지만 눈은 먼저 이 색으로 갑니다.

  • 빛 · 1%조명이 닿은 부분과 이탤릭 강조의 색입니다.

  • 글자 · 1%어두운 바탕 위 본문의 색입니다. 흰색 대신 오래된 종이의 색을 골랐습니다.

색 견본을 누르면 HEX 값이 복사됩니다. 견본 안의 숫자는 그 위에 올리는 글자색과의 명도 대비이고, 비율은 두 시안의 장면 캡처에서 각 색에 가까운 화소를 세어 낸 값입니다.

07 / TYPOGRAPHY서체

포스터의 글자와
도록의 글자

A안은 전시 포스터처럼 큰 Manrope로 화면을 채우고, 한두 단어만 이탤릭 세리프로 바꿔 리듬을 줍니다. 아래 견본은 스크롤에 맞춰 굵기가 200에서 800까지 바뀝니다.

B안은 도록과 전시 벽면 글에 어울리는 세리프를 골랐습니다. 영문은 Cormorant Garamond, 한글 제목은 Noto Serif KR로 맞췄고, 본문은 두 시안 모두 Pretendard로 맞췄습니다.

Manrope · A안 제목wght 200

ART IN MOTION.

Manrope + Georgia Italic · A안600 / Italic 400

Beyond
the ordinary.

From idea. To impact. · In the picture.

Cormorant Garamond · B안 영문Italic 400 · 500

Forever Is Now

Selected Works · Art Event & Education

Noto Serif KR · B안 한글 제목400 · 500

작품이 세상과
만나는 길을 엽니다

기록은 책으로 남습니다.

08 / MOTION모션 원칙

작품 앞에 선 것처럼
천천히 다가갑니다

두 시안의 움직임은 관람객이 작품 앞으로 걸어가는 속도를 따릅니다. 스크롤을 내리면 조형이 돌고, 액자 속으로 들어가고, 글자가 한 단어씩 켜집니다. 아래 네 장의 카드는 스크롤과 마우스를 따라 실제로 움직입니다.

버밀리언 겉면과 크롬 안쪽 면이 하나로 이어진 리본 조형
01 · LIVE SCULPTURE · A

살아 있는 조형

A안 첫 화면의 리본은 영상이 아니라 브라우저가 바로 그리는 3D 조형입니다. 이 카드 위에서 마우스를 움직이면 리본이 따라 기울고, 스크롤을 내리면 돌아갑니다.

B안 첫 장면의 프레임: 전시장 액자 속으로 들어가는 과정
02 · FRAME IN FRAME · B

액자 속의 액자

B안 첫 장면은 300장의 프레임을 스크롤 위치에 맞춰 그립니다. 이 카드를 지나가는 동안 그중 60장이 같은 방식으로 넘어갑니다.

03 · WORD BY WORD · A

한 단어씩 켜지는 문장

A안의 소개 문장은 스크롤을 따라 회색 글자가 한 단어씩 먹색으로 바뀝니다. 이 카드의 문장도 같은 방식으로 켜집니다.

04 · GALLERY WALL · B

가로로 걷는 벽

B안의 대표 작품은 세로 스크롤을 가로 이동으로 바꿔, 벽에 걸린 작품 앞을 걷듯 보여 줍니다. 이 카드 안의 작은 벽도 스크롤을 따라 움직입니다.

제안 A안 · 낮

ART IN MOTION예술과 세상을 잇는 새로운 움직임

낮의 전시장처럼 밝은 방향입니다. 아이보리 종이 위에 대형 글자와 버밀리언 · 크롬 리본 조형을 놓았고, 리본은 마우스와 스크롤을 따라 천천히 돌아갑니다. 코발트색 장면에서는 작품에서 전시 현장으로, 다시 책으로 카드가 넘어가며 이앤아트의 일이 이어지는 순서를 보여 줍니다.

  • 마우스와 스크롤에 반응하는 Three.js 3D 리본 첫 화면
  • 대표 사례 네 건과 전시 · 출판 필터, 프로젝트 상세 창
  • 작품 → 전시 현장 → 책으로 넘어가는 코발트 단계 카드
  • 사업 분야 네 가지를 펼쳐 보는 아코디언과 LET’S TALK 문의
Manrope · Georgia Italic · Pretendard
DIRECTION NOTES

시안 A의 장면 가운데 연출에 공을 들인 순간을 골랐습니다. 사진을 누르면 장면별 화면을 크게 볼 수 있습니다.

  1. ART IN MOTION.

    화면 폭을 가득 채운 글자 사이에 버밀리언과 크롬의 리본이 떠 있습니다. 마우스를 따라 조금씩 기울어집니다.

  2. 예술과 사람 사이

    스크롤을 내리면 회색 글자가 한 단어씩 먹색으로 바뀝니다. 마지막 마침표만 버밀리언입니다.

  3. Beyond the ordinary.

    대표 사례는 화면 폭 가득 펼치고, 전체 · 전시 · 프로젝트 · 출판으로 거를 수 있게 했습니다.

  4. 기울여 놓은 책

    백서와 후원 기록집은 표지를 살짝 기울여 책상 위에 놓인 책처럼 보이게 했습니다.

  5. 예술이 사람에게 닿기까지

    코발트색 장면에서는 작품 카드가 먼저 나옵니다. 스크롤을 내리면 다음 카드로 넘어갑니다.

  6. 현장에서 책으로

    두 번째 카드는 전시 현장, 세 번째 카드는 책입니다. 이앤아트의 일이 이어지는 순서와 같습니다.

  7. From idea. To impact.

    사업 분야 네 가지는 어두운 장에서 아코디언으로 펼쳐 봅니다.

  8. 경계를 넘어. 마음을 향해.

    강익중 작가의 달항아리 위에 문장을 얹고, 스크롤에 따라 그림이 천천히 움직이게 했습니다.

ART IN MOTION낮의 전시장을 나와

PASSAGE밤의 전시장으로 들어갑니다

제안 B안 · 밤

PASSAGE작품이 세상과 만나는 길을 엽니다

밤의 전시장에서 시작하는 방향입니다. 첫 화면에서 스크롤을 내리면 조명이 비추는 액자 속으로 들어가고, 그 안의 기자회견장과 서가를 지나 피라미드 앞에 섭니다. 기획, 홍보, 출판, 세계라는 이앤아트의 네 장면을 액자 네 개로 이은 한 편의 스크롤 필름입니다.

  • 액자 네 개를 차례로 통과하는 300프레임 스크롤 필름
  • 피라미드 앞 금빛 액자 안에서 바뀌는 Forever Is Now 세 작품
  • 작품 열한 점을 가로로 거는 갤러리 벽
  • 해마다 넘어가는 걸어온 길과 책 여덟 권의 서가
Cormorant Garamond · Noto Serif KR · Pretendard
DIRECTION NOTES

시안 B의 장면 가운데 연출에 공을 들인 순간을 골랐습니다. 사진을 누르면 장면별 화면을 크게 볼 수 있습니다.

  1. 작품이 세상과 만나는 길을 엽니다

    어두운 전시장 벽의 액자에 조명이 비춥니다. 스크롤을 내리면 그 액자 속으로 들어갑니다.

  2. 액자 속의 서가

    기자회견장을 지나면 오래된 서가가 나옵니다. 서가 끝의 액자 안에는 다음 장면인 피라미드가 보입니다.

  3. 세계의 무대로 잇습니다

    마지막 액자를 지나면 피라미드 앞에 섭니다. 한 장면 안에 다음 장면이 들어 있는 구조입니다.

  4. 숫자 네 개

    4회, 110점, 10년, 2번. 숫자는 금색 세리프로 세고, 설명은 한 문장씩 붙였습니다.

  5. Forever Is Now

    피라미드 앞 금빛 액자가 화면을 채우고, 그 안에서 세 작품이 차례로 바뀝니다.

  6. 전시의 처음과 끝

    사업 분야 세 가지는 카드가 겹겹이 쌓이는 방식으로 넘겨 봅니다.

  7. Selected Works

    작품 열한 점을 액자 비율 그대로 가로로 걸었습니다. 세로 스크롤이 가로 이동으로 바뀝니다.

  8. 기록은 책으로 남습니다

    펴낸 책 여덟 권을 서가처럼 모았습니다. 마우스를 올리면 그 책의 표지가 떠오릅니다.

09 / FILM네 장면과 필름

한 장면 안에
다음 장면을 넣었습니다

B안의 첫 장면을 위해 기획, 홍보, 출판, 세계를 뜻하는 네 장면을 따로 그렸습니다. 각 장면 한가운데의 액자에는 다음 장면이 들어 있도록 구도를 맞췄고, 네 장면을 이어 10초짜리 필름으로도 만들었습니다. A안의 리본은 처음에 6초 영상으로 만들었다가, 시안에서는 실시간 3D로 바꿨습니다.

  1. 조명이 비추는 큰 액자가 걸린 밤의 전시장입니다. 액자 안에는 다음 장면이 들어 있습니다.
    01기획 · 전시장조명이 비추는 큰 액자가 걸린 밤의 전시장입니다. 액자 안에는 다음 장면이 들어 있습니다.
  2. 무대와 사진기자들이 있는 기자회견장입니다. 무대 뒤 액자 안에 서가가 보입니다.
    02홍보 · 기자회견장무대와 사진기자들이 있는 기자회견장입니다. 무대 뒤 액자 안에 서가가 보입니다.
  3. 스탠드가 켜진 긴 책상과 높은 서가입니다. 서가 끝 액자 안에 피라미드가 있습니다.
    03출판 · 서가스탠드가 켜진 긴 책상과 높은 서가입니다. 서가 끝 액자 안에 피라미드가 있습니다.
  4. 은하수 아래 기자 피라미드 앞에 금빛 액자가 섭니다. 필름은 이 액자 속 밤하늘에서 끝납니다.
    04세계 · 피라미드은하수 아래 기자 피라미드 앞에 금빛 액자가 섭니다. 필름은 이 액자 속 밤하늘에서 끝납니다.
B · PASSAGE · 16:9 · 0:10

전시장 벽의 액자에서 출발해 기자회견장과 서가를 지나 피라미드 앞까지, 네 개의 액자를 한 번에 통과하는 영상입니다.

A · ART IN MOTION · 4:3 · 0:06

버밀리언과 크롬의 리본이 천천히 도는 영상입니다. 시안의 3D 장면을 그대로 렌더링했습니다.

10 / MOBILE모바일

손안에서도
같은 낮과 밤

전시 소식은 이동 중에 휴대폰으로 확인하는 일이 많습니다. A안은 모바일 첫 화면에 투명 배경의 조형 이미지를 놓아 3D를 그리지 않고도 같은 첫인상을 주게 했고, B안은 세로 화면 전용 프레임 150장으로 필름을 다시 만들었습니다. 가로로 흐르던 사례와 카드는 세로로 이어지게 바꿨습니다.

시안 A · 첫 화면 모바일 화면
A · 첫 화면
시안 B · 첫 화면 모바일 화면
B · 첫 화면
시안 A · 대표 사례 모바일 화면
A · 대표 사례
시안 B · Forever Is Now 모바일 화면
B · Forever Is Now
시안 A · 단계 카드 모바일 화면
A · 단계 카드
시안 B · 어린이 미술관 체험교육 모바일 화면
B · 어린이 미술관 체험교육
시안 A · LET’S TALK 모바일 화면
A · LET’S TALK
시안 B · 기록은 책으로 모바일 화면
B · 기록은 책으로
COMPARE두 방향은 어떻게 다를까요

같은 회사를 소개하는
낮과 밤

두 시안은 같은 내용을 담고 있지만 첫 화면에서 먼저 하는 말이 다릅니다. A안은 움직임과 대표 사례로 밝게 다가가고, B안은 피라미드 앞까지 이어지는 기록으로 깊게 끌어들입니다. 회사가 첫 화면에서 가장 먼저 전하고 싶은 장면에 따라 고를 수 있도록 차이를 정리했습니다.

구분A · ART IN MOTIONB · PASSAGE
첫 화면마우스와 스크롤에 반응하는 3D 리본과 ART IN MOTION.액자 네 개를 지나 피라미드 앞까지 들어가는 스크롤 필름
색아이보리 · 린넨 · 버밀리언 · 잉크 · 코발트밤의 남색 · 짙은 남색 · 금박 · 크림
서체Manrope와 이탤릭 세리프 한두 단어Cormorant Garamond · Noto Serif KR
사업 분야를 보여 주는 방식코발트 장면에서 작품 → 현장 → 책 카드가 차례로 넘어감세 장의 카드가 겹겹이 쌓이는 「전시의 처음과 끝」
사례를 보여 주는 방식대표 사례 네 건과 전시 · 출판 필터, 상세 창작품 열한 점을 가로로 건 갤러리 벽
해외 전시카이로의 《Confluence》를 대표 사례로기자 피라미드의 《Forever Is Now》를 금빛 액자 장면으로 따로
책출판 필터와 「출판 · 기록」 단계 카드책 여덟 권을 모은 「기록은 책으로 남습니다」 서가
무게를 둔 곳움직임과 첫인상, 대표 사례몰입감과 기록, 해외 전시
11 / CREDITSBLUECANVAS · WORKS 2026

EXHIBITION CREDITS

전시의 처음부터
책의 마지막 장까지

이앤아트 홈페이지 리뉴얼 제안 · ART IN MOTION · PASSAGE

Client
이앤아트 ENART
Project
홈페이지 리뉴얼 제안 · 2026년 10월
Research
공개 포트폴리오 23건 · 사업 분야 · 출판물 정리
Brand Reading
이름(이 · 앤 · 아트), 이어진 N · A · R, 두 가지 잉크
Structure
방문자 정의, 전시의 처음과 끝으로 짠 장면 순서
Direction A
ART IN MOTION · UI 디자인, Three.js 3D 리본, 단계 카드
Direction B
PASSAGE · UI 디자인, 액자 네 개의 스크롤 필름, 갤러리 벽
Mobile
세로 화면 장면 재구성과 점검
Typefaces
Manrope · Cormorant Garamond · Noto Serif KR · Pretendard
Studio
블루캔버스
YOUR NEXT EXHIBITION

쌓아 온 기록을
전시하듯 보여 주고 싶다면

작품과 프로젝트, 책과 기사까지 회사가 쌓아 온 기록을
어떤 순서로 보여 줄지부터 함께 정리하겠습니다.

    Contact

    막연한 아이디어도 괜찮습니다.
    프로젝트를 함께 정리해 보세요

    현재 상황과 목표를 남겨 주시면 가능한 작업 범위와 진행 방식, 예상 견적을 정리해 안내드립니다.

    질문 4개 · 약 2분

    작업 범위

    어떤 작업을 함께 하면 좋을까요?

    여러 개 선택할 수 있습니다. 아직 정하지 못했다면 ‘기타’를 눌러 주세요.

    예산

    생각하시는 예산 범위는 어느 정도인가요?

    범위만 알려주셔도 제안 구성에 큰 도움이 됩니다.

    프로젝트 설명

    어떤 상황인지 들려주세요.

    다듬어지지 않아도 괜찮습니다. 아래 항목을 누르면 작성 틀이 채워집니다.

    0

    RFP, 참고 문서 등을 최대 2개까지 업로드할 수 있습니다. 지원 형식: PDF, PPT, Word, Excel, JPG, PNG, ZIP

    연락처

    어디로 회신드릴까요?

    작업 범위 · 예산 · 프로젝트 설명 · 연락처를 채워 주세요.