Coisa de Motos

채널에는 팬이 있다. 스토어에는 돈을 믿고 맡길 수 있는 브랜드가 필요하다.

Coisa de Motos는 무언가를 살 수 있는 곳이 되기 전에 이미 이름이었고, 목소리였고, 커뮤니티였어요. 스토어로 바꾼다는 건 그 목소리를 지키는 거였어요. 시끄럽고, 재밌고, 철저히 길 위에서 나온 목소리요. 그러면서도 누군가 R$2,000짜리 재킷을 살 만큼 믿음직해 보여야 했어요.

확장성도 필요했어요. 같은 아이덴티티가 굿즈에도, 브레이크 디스크와 바이저로 가득한 사이트에도, 매주 올라가는 스토리와 썸네일에도 들어가야 했어요. 빠르게 만들 수 있고, 언제나 알아볼 수 있게요.

Shopify로 만들기

스토어 전체를 Shopify로 만들었고, 주변에 따로 만들기보다 플랫폼을 최대한 활용했어요. 브랜드에 맞춘 테마, 컬렉션과 옵션이 있는 카탈로그, 검색과 필터, 결제 과정과 결제 수단, MOTONAUTA 같은 할인 코드, 블로그, 그리고 나머지는 앱으로.

플랫폼에 기댄 덕분에 두 명의 팀이 서버 없이 수백 개의 부품을 팔 수 있었고, 스토어를 다르게 만드는 것, 그러니까 어떻게 보이고, 어떻게 정리되고, 무엇을 말하는지에 시간을 쓸 수 있었어요.

스토어는 라이딩 장비, 의류, 수백 개의 부품을 팔아서, 디자인 작업은 대부분 ‘찾기 쉽게 하기’였어요. 헤더에는 큰 검색창이 있고, 메가 메뉴가 부품을 계통별로 나눠요. 기계, 브레이크, 전장, 그리고 나머지.

ChatGPT로 코딩하기

Shopify 테마를 커스터마이즈하려면 Shopify 자체 템플릿 언어인 Liquid를 HTML, CSS, JavaScript와 섞어서 써야 해요. 저는 ChatGPT와 함께 썼어요. 원하는 변경을 설명하고, 받은 코드를 Shopify 테마 에디터에 붙여 넣고, 어떻게 되는지 봤어요. 뭔가 깨지면 Shopify에서 코드를 다시 복사해 버그와 함께 ChatGPT에 보냈고, 될 때까지 반복했어요.

AI 코딩은 아직 초창기였고, 제가 쓰던 테마 에디터 안에는 아무것도 없었어요. 탭 두 개 사이를 오가는 복사·붙여넣기였지만, 그게 이미 제가 무언가를 만드는 방식이었어요.

ChatGPT

MOTONAUTA로 첫 구매 고객에게 5% 할인을 주는 바를 상단에 추가해 줘

{% if customer == blank %}
  <div class="promo-bar">
    5% off your first order:
    MOTONAUTA
  </div>
{% endif %}

Copy the code

버그를 다시 붙여 넣기

Shopify · 코드 편집

header.liquidtheme.liquid

1{% if customer == blank %}
2  <div class="promo-bar">
3    5% off your first order:
4    MOTONAUTA
5  </div>
6{% endif %}

팔리는 스토어프런트

홈페이지는 이번 주 할인으로 시작하고, 라이더들이 가장 많이 사는 카테고리가 이어져요. 헬멧, 재킷, 장갑, 부츠, 부품. 상단의 얇은 바는 처음 사는 모든 분께 쿠폰 MOTONAUTA로 5% 할인을 줘요. 커뮤니티 자신의 말로요. 그리고 계정에서는 “Salve, motonauta!”로 맞이해요.

부품은 계통별로

카테고리를 열면 정비사가 생각하는 방식대로 묶인 메가 메뉴가 나와요. 그래서 브레이크 패드를 찾는 사람이 머플러를 지나 스크롤할 일이 없어요.

Coisa de Motos

휴대폰을 위해 만들기

라이더들은 Instagram과 YouTube를 통해 휴대폰으로 스토어를 찾아와서, 모든 화면을 데스크톱만큼 휴대폰을 위해서도 디자인했어요. 그리고 장비를 온라인으로 사 본 적 없는 분들을 위해, 홈페이지부터 결제까지의 과정을 6단계 구매 가이드로 만들었어요.

1. 

   1 · 사이트 열기

2. 

   2 · 카테고리 고르기

3. 

   3 · 정렬하기

4. 

   4 · 상품 열기

5. 

   5 · 상세 정보 확인

6. 

   6 · 결제하기

브랜드 말투로 하는 프로모션

사이트의 모든 캠페인은 같은 시스템으로 전용 배너를 가져요. 전 상품 무료 배송, 헬멧 다섯 모델의 Texx 25주년, 4Ride Motorcycle과 함께한 Festival Interlagos 2025 티켓 증정, 쿠폰 코드, 여성 의류 라인, 반품 정책까지.

사람을 데려오는 콘텐츠

블로그는 채널 영상을 글로 바꿔요. “헬멧에도 유효기간이 있을까?” 같은 글이요. 그래서 검색과 YouTube 모두 스토어로 다시 이어져요.

Coisa de Motos

심볼

심볼은 옆에서 본 헬멧이에요. 바이저를 세 개의 획으로 잘라 속도감을, 그리고 달리는 라이더의 E 자를 떠올리게 했어요. 작은 크기와 스탬프에는 채운 버전, 크고 여백 많은 곳에는 외곽선 버전을 쓰고, 색은 오렌지, 블랙, 화이트예요.

워드마크

워드마크와 모든 헤드라인은 Evil Empire로 썼어요. 차고 간판 느낌이 나는 굵고 좁은 디스플레이 서체이고, COISA와 MOTOS 사이에 작은 “de”를 끼워 넣었어요. 어차피 라이더들은 이름을 그 두 큰 단어로 줄여 부르니까요. 스토어 인터페이스는 Inter로, 요란한 헤드라인 아래서도 가격과 사이즈가 잘 읽히게 했어요.

원으로 만든 씰

씰은 하나의 중심을 둘러싼 원들 위에 만들었어요. 글자는 바깥 반지름 R과 0.75R 사이의 띠를 타고, “desde 2020”은 그 아래 작은 호 위에 있어요. 헬멧은 R보다 조금 크고, 중심에서 살짝 오른쪽에 둬서 바이저가 앞을 향하게 했어요. 라이더가 코너에서 몸을 기울이듯이요.

락업

조각들을 조합해 락업 네 개를 만들었어요. 헤더용 가로형, 정사각형 공간용 세로형과 두 번째 세로형, 그리고 호 위에 “desde 2020”이 들어간 원형 씰. 씰은 프로필 사진, 스티커, 패치로도 쓰여요. 각각 채널용 YouTube 버전도 있어요.

가로형

세로형

원형 씰

Colour

One loud colour and a few quiet ones, all saved as styles in the Figma file. Laranja is the brand: it's the symbol, the buttons, the sale bars. Near-black and white carry everything else, so the orange always means something.

마스코트 Motonauta

브랜드엔 사람이 아닌 얼굴이 필요했어요. 그래서 Motonauta가 생겼어요. 검은 헬멧에 Texx 재킷을 입은 라이더로, 커뮤니티를 대신하는 존재예요. 쿠폰을 들고, 엄지를 치켜세우고, 헬멧 사이즈를 재려고 머리 둘레를 재요. 포즈는 AI 이미지 도구로 생성하고, 일관된 하나의 캐릭터가 되도록 골라냈어요.

할인용 3D 아이콘

할인용으로는 브랜드 오렌지로 만든 3D 오브젝트 세트가 있어요. 쿠폰, 퍼센트, 선물, 오렌지와 검정 풍선, 물음표, 카트, 카메라, 별. 배너와 광고에서 제품 주위를 떠다녀요. 밀어 보거나, 하나를 당겼다가 놓아 보세요.

사람 위의 브랜드

브랜드가 가장 먼저 통해야 했던 곳은 사람 위였어요. 심볼은 가슴에 작게, 등에 크게 들어가고, 원형 씰은 모자와 주문품을 보내는 박스로 이어져요.

이 정도 규모의 스토어는 꾸준한 게시 리듬으로 살아요. 그래서 브랜드엔 일회성 디자인보다 템플릿이 필요했어요. 시리즈마다 하나의 룩, 빨리 채울 수 있고 절대 다른 누구와도 헷갈리지 않는 것.

런칭

스토어는 티저 시리즈 “E-commerce Coisa de Motos, lançamento em breve”로 문을 열었어요. 제품, Motonauta, 그리고 Daniel 본인을 사이트가 열릴 때까지 한 게시물씩. 몇 달 뒤 같은 시스템으로 Instagram 팔로워 2,000명을 축하했어요.

Instagram

9:41100%

coisademotos

312posts2.148seguidores186seguindo

Coisa de Motos

Maior e-commerce para motos do Brasil! 🏍️

Encontre tudo o que sua moto precisa.

coisademotos.com.br

SeguirMensagem

Sobre nósMedidasFAQVídeosLojaClientesOfertasCuponsComo comprarMoto criadoresMototripsManutenções

Instagram is the store's shop window, so the profile was designed as a whole, not post by post. The avatar is the round seal, and the highlights work like a menu: twelve covers, an orange icon on asphalt each, for sizes, FAQ, videos, the store, customers, offers, coupons, how to buy, the creators, trips and maintenance, with “Sobre nós” in full orange first.

The feed mixes three kinds of posts, each with its own template: product posts filmed with the gear itself, with a small “watch it on YouTube” tag, offers on the orange or black grounds of the ads, and moments like the 2,000-follower thank-you. Reels get covers in the same type, so the grid reads as one brand from a distance.

• 제품 게시물

  진짜 손에 든 진짜 장비, 전체 영상으로 태그

• 할인

  광고와 같은 배경 위의 쿠폰과 신제품

• 릴스 커버

  화면 위에 큼직한 Evil Empire 글자

• 하이라이트

  커버로 만든 메뉴: 아스팔트 위에 오렌지 아이콘 하나씩

광고

광고와 썸네일은 브랜드를 더 밀어붙여요. 오렌지가 배경 전체가 되고, 제품이 사람 주위에 3D로 떠다니고, 글자는 프레임이 허락하는 만큼 커져요.

YouTube

YouTube에서도 채널은 같은 시스템을 지켜요. 씰이 들어간 배너, 그리고 같은 굵은 글자와 오렌지 바를 쓴 300개 넘는 썸네일. 여행, 리뷰, 장착, 커뮤니티 질문까지.