로고 외주 30만 원 주고 받았을 때, 이제 브랜드 다 됐다 싶었거든요. 근데 상세페이지 만들고, 인스타 피드 올리고, 택배 박스에 스티커 붙이다 보니까 로고 하나로는 아무것도 안 되더라고요... 매번 폰트가 달랐고, 사진 색감도 제각각이었어요. 손님 입장에서 보면 그냥 '어디서 많이 본 무난한 쇼핑몰'이었던 거죠. 오늘은 로고 다음에 뭘 챙겨야 하는지, 최소한의 비주얼 세트를 이야기해볼게요.
비주얼 아이덴티티(VI)라고 하면 뭔가 대기업 CI 매뉴얼 같은 거창한 게 떠오르는데요. 사실 작은 자사몰 사장님한테 필요한 건 그런 100페이지짜리 가이드북이 아니에요. 손님이 우리 브랜드를 여기저기서 마주쳤을 때 '아, 여기 그 브랜드네' 하고 알아보게 만드는 최소한의 규칙, 딱 그거예요. 로고는 그 규칙의 시작점일 뿐이고요.
제가 처음에 헷갈렸던 게 이거였어요. 로고 = 브랜딩. 근데 손님은 로고를 하루에 몇 번이나 볼까요? 상세페이지 스크롤하면서 보는 건 사진이고, 폰트고, 색이에요. 로고는 맨 위에 한 번 스쳐 지나가죠. 진짜 인상을 만드는 건 그 아래에 깔린 요소들이더라고요.
브랜드 인상은 반복에서 나와요. 같은 색을 열 번 보고, 같은 폰트를 스무 번 보고, 비슷한 톤의 사진을 계속 마주치면서 머릿속에 각인되는 거죠. 로고는 한 번 등장하지만 컬러랑 폰트는 화면 전체에 깔려요. 그러니까 로고보다 이 요소들의 일관성이 훨씬 세게 작동해요.
실제로 제가 겪은 일인데요. 상세페이지는 채도 낮은 베이지 톤으로 찍었는데, 인스타는 필터를 쨍하게 넣어서 올렸어요. 그랬더니 인스타 보고 들어온 손님이 상세페이지에서 '어? 색이 다른데?' 하고 이탈하더라고요. 같은 옷인데 다른 브랜드처럼 보였던 거예요. 이게 별거 아닌 것 같아도 전환율을 갉아먹어요... 신뢰가 미세하게 깨지는 거니까요.
브랜드가 일관돼 보이는지 확인하는 제일 빠른 방법. 로고, 상세페이지 캡처, 인스타 피드 세 장, 택배 스티커를 한 화면에 모아놓고 눈을 살짝 찡그려서 보세요. 흐릿하게 봤을 때 '한 덩어리'로 느껴지면 성공, 따로 노는 게 있으면 그게 손봐야 할 부분이에요.
거창하게 갈 필요 없어요. 딱 다섯 가지만 정해도 인상이 확 잡혀요. 폰트, 컬러, 촬영톤, 그리드, 그리고 로고 운용 규칙이에요. 하나씩 볼게요.
| 요소 | 최소한 정할 것 | 흔한 실수 |
|---|---|---|
| 폰트 | 제목용 1개 + 본문용 1개 (총 2개) | 페이지마다 폰트가 바뀜, 무료폰트 5종 섞기 |
| 컬러 | 메인 1 + 보조 1 + 배경/글자용 뉴트럴 2 | 계절마다 색을 바꿔서 브랜드색이 없어짐 |
| 촬영톤 | 밝기·채도·배경 톤을 한 방향으로 고정 | 제품마다 다른 곳·다른 조명으로 촬영 |
| 그리드/여백 | 상세페이지 좌우 여백·이미지 비율 통일 | 이미지 폭이 제각각, 여백 들쭉날쭉 |
| 로고 운용 | 기본형·심볼형·최소 여백 규칙 | 배경색 위에 아무렇게나 얹어서 안 보임 |
폰트부터요. 두 개면 충분해요. 제목에 쓸 조금 개성 있는 거 하나, 본문에 쓸 잘 읽히는 거 하나. 한글이면 프리텐다드·나눔스퀘어·에스코어드림 같은 걸 본문에 깔고, 제목만 살짝 다르게 가는 식이에요. 폰트를 세 개 이상 쓰기 시작하면 그때부터 정신없어져요.
컬러는 메인 하나를 진짜 확실하게 밀어야 해요. 티파니 하면 민트, 배민 하면 그 청록색 떠오르잖아요. 우리 브랜드도 '이 색' 하나는 있어야 해요. 거기에 포인트로 쓸 보조색 하나, 그리고 배경이랑 글자에 쓸 무채색(진회색·아이보리 같은 것) 두어 개면 팔레트가 완성돼요. HEX 코드로 딱 적어두세요. '베이지색'이 아니라 '#EDE7DE' 이렇게요. 안 그러면 매번 미묘하게 달라져요.
솔직히 폰트랑 컬러는 조금만 신경 쓰면 맞춰지는데, 촬영톤이 제일 어려워요. 그리고 제일 티가 나는 부분이기도 하고요. 특히 옷·잡화처럼 사진이 매출의 8할인 카테고리는 촬영톤 하나로 브랜드 급이 갈려요.
제가 정한 규칙은 단순했어요. 배경은 항상 같은 톤(저는 웜 아이보리로 고정했어요), 조명은 자연광 느낌으로, 후보정은 채도를 살짝 낮추고 그림자를 부드럽게. 이 세 개만 매번 지켰어요. 그랬더니 신상을 올려도 기존 상품이랑 자연스럽게 한 세트로 보이더라고요. 사진 잘 찍는 것보다 '똑같이' 찍는 게 브랜드엔 더 중요할 때가 많아요... 촬영톤 잡는 구체적인 방법은 상품 사진 촬영 글에서 더 자세히 풀었어요.
그리드는 상세페이지 만들 때 특히 중요해요. 이미지 폭을 860px면 860px로 통일하고, 좌우 여백도 똑같이. 텍스트 블록 위아래 간격도 규칙을 정해두면 페이지가 딱 떨어져 보여요. 이게 안 맞으면 아무리 사진이 예뻐도 어딘가 어설퍼 보이거든요.
템플릿 몰이나 무료 소스 이것저것 갖다 붙이면 순식간에 무너져요. 여기 폰트, 저기 아이콘, 다른 데서 가져온 배너... 하나하나는 예뻐도 모아놓으면 짜깁기 티가 나요. 새 요소를 넣기 전에 '이게 우리 팔레트·폰트 안에 들어오나?' 한 번 걸러주세요.
예산이 무한하지 않으니까 순서가 중요해요. 제가 다시 시작한다면 이 순서로 갈 것 같아요.
| 순위 | 항목 | 대략 비용(추정) | 효과 |
|---|---|---|---|
| 1 | 컬러 팔레트 확정 (HEX 4~5개) | ₩0 (직접) | 즉시, 전 채널 통일 |
| 2 | 폰트 2종 선정 | ₩0~5만 | 즉시, 가독성·인상 |
| 3 | 촬영톤 규칙 + 후보정 프리셋 | ₩0~10만 | 큼, 사진 카테고리 필수 |
| 4 | 로고 다듬기/변형 세트 | ₩20~50만 | 중간 |
| 5 | 상세페이지 템플릿 통일 | ₩10~30만 | 큼, 전환율에 직접 |
보면 아시겠지만 상위 세 개는 돈이 거의 안 들어요. 시간과 결정만 필요하죠. 로고 리뉴얼에 큰돈 쓰기 전에 팔레트랑 촬영톤부터 잡는 게 투자 대비 효과가 훨씬 커요. 저는 순서를 거꾸로 가서 돈만 날렸거든요...
노션이나 구글 문서에 '브랜드 한 장'을 만들어두세요. HEX 코드, 폰트 이름, 촬영 예시 사진 3장, 여백 규칙. 딱 A4 한 장이면 돼요. 외주 맡길 때도 이거 하나 던져주면 커뮤니케이션 비용이 확 줄어요. 나중에 직원이나 협업자 생겨도 이 한 장이 기준이 되고요.
비주얼 통일이 그냥 예쁘자고 하는 게 아니에요. 재구매랑 연결돼요. 손님이 인스타에서 우리 브랜드를 다시 봤을 때 0.5초 만에 알아보면, 그게 쌓여서 팬이 되는 거예요. 매번 다르게 보이면 새로 온 브랜드처럼 느껴지니까 각인이 안 돼요. 이 부분은 재구매율 관점에서도 크게 작동해요.
물론 브랜딩에 쓴 돈이 진짜 남는 장사였는지는 숫자로 확인해야죠. 상세페이지 톤 바꾸고 나서 전환율이 올랐는지, 촬영 새로 하고 객단가가 움직였는지. 감으로만 '좋아진 것 같아' 하면 안 되고요. 저는 원가·수수료·세금 다 뺀 실제 순수익을 대시부스터 실시간 대시보드로 보면서, 브랜딩 개편 전후를 비교했어요. 예쁘게 바꿨는데 순익은 그대로면 그건 다시 생각해봐야 하는 거니까요.
정리하면 이래요. 로고는 시작이지 끝이 아니에요. 폰트 2개, 컬러 4~5개, 촬영톤 규칙, 그리드, 로고 운용. 이 최소 세트를 A4 한 장에 적어놓고 매번 지키는 것. 거창한 CI 매뉴얼보다 이 한 장이 훨씬 힘이 세요. 오늘 당장 팔레트 HEX 코드부터 적어보세요. 그게 브랜드 다음 단계의 진짜 출발점이에요.
네, 오히려 그게 나을 때도 많아요. 임시 로고(브랜드명 텍스트만)로 시작하고 팔레트·촬영톤부터 일관되게 굴리다가, 어느 정도 방향이 잡히면 그때 로고를 제대로 다듬는 순서를 추천해요. 로고 먼저 확정하고 거기 맞춰 억지로 끌려가는 것보다 훨씬 자연스러워요.
충분히 괜찮아요. 프리텐다드·나눔스퀘어·에스코어드림 같은 완성도 높은 무료 한글 폰트가 많아요. 중요한 건 폰트가 비싸냐가 아니라 '두 개만 정해서 끝까지 지키느냐'예요. 무료라도 일관되게 쓰면 유료 폰트 다섯 개 뒤섞은 것보다 훨씬 프로처럼 보여요.
메인 컬러는 고정하고, 시즌 포인트색만 보조로 얹는 방식이 안전해요. 예를 들어 메인은 늘 아이보리·차콜로 두고, 봄엔 살구빛, 겨울엔 버건디를 포인트로 살짝 넣는 거죠. 뼈대는 그대로 두고 옷만 갈아입히는 느낌이면 브랜드색은 안 흔들려요.