Why Bigurum · 02 / Connect

생각을 연결해
설계합니다.

좋은 재료가 모였다고 저절로 좋은 설명이 되지는 않습니다. 상품의 장점과 독자의 필요를 잇고, 말과 이미지가 같은 방향을 가리키도록 정리합니다. 디자인의 이유가 보이는 방향을 함께 만듭니다.

하고 싶은 말을 모두 적기 전에,
먼저 기억될 한 가지를 찾습니다

자신이 만든 상품과 서비스에는 설명하고 싶은 것이 많습니다. 원료를 고른 이유, 제작 과정의 수고, 다른 곳과의 차이, 사용하면서 얻을 수 있는 편리함까지 어느 하나 가볍지 않습니다. 하지만 처음 보는 사람은 그 모든 내용을 같은 무게로 읽지 않습니다. 무엇에 관한 이야기인지 알기 전에 긴 설명을 만나면 그냥 지나칠 수도 있습니다.

비구름은 그중 무엇을 가장 먼저 전달할지 정리합니다. 자랑할 내용을 줄여 중요하지 않게 만드는 것이 아니라, 독자가 이해할 수 있는 순서로 자리를 정하는 일입니다. 처음 보았을 때 알아야 할 것, 관심이 생긴 뒤 확인할 것, 선택하기 전에 따져 볼 것을 구분하면 문장과 이미지의 역할도 분명해집니다.

이때 인상적인 문구가 사실보다 앞서지 않도록 합니다. 근거가 없는 장점은 강한 말로 포장하지 않고 확인할 정보로 남깁니다. 짧은 제목으로 말할 수 없는 조건은 상세 설명에 배치합니다. 신뢰할 수 있는 내용을 이해하기 쉽게 전하는 일이 오래 쓰일 디자인의 바탕입니다.

문구와 색을 따로 고르지 않고,
읽는 장면 안에서 연결합니다

포장의 앞면, 상품 상세페이지의 첫 화면, 한 장짜리 회사소개서는 같은 내용을 다르게 담아야 합니다. 매대에서는 짧은 시간에 상품의 종류와 차이를 알아야 하고, 상세페이지에서는 구성과 규격을 비교할 수 있어야 합니다. 소개서에서는 어떤 일을 맡길 수 있는 회사인지가 먼저 보일 필요가 있습니다.

그래서 글의 순서와 시각 표현을 함께 설계합니다. 제목의 크기는 중요도를, 여백은 정보의 묶음을, 사진은 실제 모습을, 표와 목록은 비교할 조건을 맡습니다. 색은 분위기를 만들면서도 읽기 쉬운 대비를 가져야 합니다. 예쁜 요소를 더하는 것보다 각 요소가 맡을 일을 정하는 데서 화면이 차분해집니다.

메시지의 중심
독자가 처음 만날 한 문장과, 그 문장을 뒷받침하는 확인된 정보를 정리합니다.
정보의 흐름
소개 → 이해 → 비교 → 다음 행동처럼 읽는 사람이 궁금해할 순서를 세웁니다.
표현의 역할
사진·그림·캐릭터·도표 중 무엇이 가장 정확하게 설명하는지 고릅니다.
공통의 인상
색, 글자, 여백, 말투의 기준을 맞춰 서로 다른 제작물이 같은 브랜드로 읽히게 합니다.

비구름의 메인을 줄이는 작업에서도 같은 기준을 적용했습니다. 대표 작업은 처음 방문한 사람이 맥락을 이해할 만큼 보여 주고, 업무 범위와 로고 사용법은 별도 페이지에서 이어 읽게 했습니다. 같은 협업으로 향하던 이미지와 버튼을 반복하기보다, 어느 글로 이동하는지 알 수 있는 링크를 남겼습니다. 줄인 것은 생각의 양이 아니라 한 화면이 한꺼번에 맡고 있던 설명의 양입니다.

서로 다른 매체를 같은 모습으로 복제하는 것은 일관성과 다릅니다. 작은 책갈피에는 한 문장만 남기고, 웹페이지에서는 그 뒤의 설명을 펼칠 수 있습니다. 담는 양은 달라도 핵심 메시지와 목소리가 이어져야 합니다.

친근한 캐릭터 다음에
정확한 설명이 이어져야 합니다

도서관 쇼핑몰을 가정한 활용 예시 · 판매 효과를 입증한 사례가 아닙니다

“캐릭터는 기억나는데,
정작 어떤 라벨을 골라야 할지는 모르겠어요.”

카툰에서 캐릭터들이 라벨 크기를 확인하는 모습을 보여 주었다고 가정해 봅니다. 그 다음 화면에 상품 사진만 줄지어 있다면 독자는 다시 혼자 선택해야 합니다. 친근한 첫인상과 실제 도움이 그 지점에서 끊기는 것입니다.

이럴 때에는 카툰에서 던진 질문을 상품 설명이 이어받게 합니다. 지금 사용하는 라벨의 크기, 프린터 모델, 필요한 수량을 같은 순서로 보여 줍니다. 확인되지 않은 조건은 문의에 필요한 정보로 안내합니다. 캐릭터는 질문의 부담을 덜고, 본문과 비교표는 선택의 근거를 제공하는 역할을 맡습니다.

캐릭터를 여러 곳에 넣는 것만으로 디자인 협업의 가치가 생기지는 않습니다. 어떤 일을 설명할 때 도움이 되는지, 표정과 대사가 브랜드의 태도에 맞는지, 안내 뒤에 필요한 행동이 준비되어 있는지를 살펴야 합니다. 원본의 색상과 비율을 지키는 일도 이 일관성에 포함됩니다.

비구름이 연결하고 싶은 것은 그림과 판매 배너만이 아닙니다. 이용자가 느끼는 어려움, 담당자가 설명해야 하는 내용, 회사가 실제로 제공할 수 있는 도움이 하나의 흐름으로 이어져야 합니다. 그 연결이 가능한 범위를 확인하고 표현합니다.

“어느 쪽이 더 예쁜가요?”에서
한 걸음 더 나아갑니다

시안은 마음에 드는 그림을 고르는 목록이 아니라, 문제를 해결하는 방향을 비교하는 자료입니다. 어떤 내용을 앞세웠는지, 어떤 인상을 의도했는지, 실제 크기에서 정보가 어떻게 읽히는지를 설명할 수 있어야 합니다. 단순히 색만 바꾼 안을 늘리는 것과는 다른 접근입니다.

  • 목적에 맞나요? 처음 합의한 문제를 해결하는 방향인지, 중요한 내용이 빠지지 않았는지 봅니다.
  • 읽는 사람이 이해할 수 있나요? 내부에서만 아는 용어가 많지는 않은지, 정보를 찾는 순서가 자연스러운지 확인합니다.
  • 다른 매체에도 이어질 수 있나요? 큰 포스터에서만 좋아 보이는 표현인지, 작은 화면이나 다음 제작물에서도 사용할 수 있는지 살핍니다.
  • 지금 제작하고 운영할 수 있나요? 사용할 사진과 원고, 제작 조건, 관리하는 사람의 환경에 맞는지 확인합니다.

피드백도 이 기준에 연결하면 더 구체적이 됩니다. ‘뭔가 심심해요’라는 느낌에서 한 걸음 더 들어가, 무엇이 덜 드러나는지 함께 찾아봅니다. ‘상품의 특징이 제목보다 늦게 보여요’처럼 말할 수 있으면 수정할 지점이 선명해집니다. 취향을 무시하는 것이 아니라 취향의 이유를 이해하고 작업의 목적과 함께 보는 방식입니다.

의견이 여러 사람에게서 나온다면 한 번 모아 우선순위를 정합니다. 서로 반대되는 요청을 동시에 반영하면 오히려 방향이 흐려질 수 있습니다. 어떤 판단을 따르기로 했는지 기록하고, 범위가 달라지는 수정은 일정과 함께 다시 확인합니다.

한 번의 시안에서 끝나지 않도록,
선택한 이유도 남깁니다

이번에는 왜 이 색을 쓰고, 제목과 본문의 크기를 어떻게 나누었는지 설명이 남아 있으면 다음 작업을 이어 가기 쉽습니다. 새로운 상품이나 카툰이 추가될 때마다 처음부터 다른 브랜드처럼 만들지 않아도 됩니다. 자주 쓰는 형식은 반복해서 사용할 수 있는 틀로 정리할 수 있습니다.

다만 모든 프로젝트에 큰 브랜드 규정집이 필요한 것은 아닙니다. 작은 작업이라면 색상값과 글자 사용, 이미지 비율, 자주 쓰는 문구를 한 장에 정리하는 것만으로도 유용할 수 있습니다. 사용할 사람이 실제로 참고할 수 있는 분량과 형식을 선택합니다.

이 단계에서 함께 남길 수 있는 것

핵심 메시지, 정보의 구성, 선택한 시안과 이유, 기본 색상·글자·이미지 사용 기준을 정리합니다. 구체적인 시안 수, 수정 범위, 템플릿과 가이드의 제작 여부는 프로젝트 시작 때 합의합니다.

관련 에세이 · 카툰 다음의 화면 설계마지막 컷 다음에 열리는 화면도 같은 친절함을 가져야 합니다. ↗

방향을 정했다면, 이제 실제 쓰임을 확인합니다.작은 크기와 모바일 화면, 제작과 전달 과정에서 디자인을 점검하는 방법을 이어서 살펴봅니다.

쓰임으로 완성하는 과정