Coisa de Motos

Bir kanalın hayranları olur. Bir mağazanın ise insanların parasını emanet ettiği bir markaya ihtiyacı vardır.

Coisa de Motos, satın alabileceğin herhangi bir şey olmadan önce bir isim, bir ses ve bir topluluktu. Onu bir mağazaya dönüştürmek, o sesi korumak demekti: gürültülü, komik ve tamamen yoldan gelen; ama birinin oradan R$2.000'lık bir ceket alacağı kadar da ciddi görünmek.

Esnemesi de gerekiyordu. Aynı kimlik ürünlerde, fren diskleri ve vizörlerle dolu bir sitede ve haftalık bir hikâye ve küçük resim ritminde yer alacaktı; hızlı üretilen ve her zaman tanınan.

Shopify üzerine kuruldu

Mağazanın tamamını Shopify üzerine kurduk ve etrafında bir şey inşa etmek yerine platformu olabildiğince kullandık: markaya göre özelleştirilmiş bir tema, koleksiyonları ve varyantlarıyla katalog, arama ve filtreler, ödeme adımı ve ödemeler, MOTONAUTA gibi indirim kodları, blog ve geri kalanı için uygulamalar.

Platforma yaslanmak, iki kişilik bir ekibin sunucu çalıştırmadan yüzlerce parça satmasını sağladı ve zamanımızı mağazayı farklı kılan şeylere bıraktı: nasıl göründüğüne, nasıl düzenlendiğine ve ne söylediğine.

Mağaza motor ekipmanı, giyim ve yüzlerce yedek parça satıyor, bu yüzden tasarım işi çoğunlukla bir şeyleri bulmakla ilgiliydi. Üst bölümde büyük bir arama çubuğu var ve bir mega menü parçaları sisteme göre ayırıyor: mekanik, frenler, elektrik ve diğerleri.

ChatGPT ile kodlandı

Bir Shopify temasını özelleştirmek, HTML, CSS ve JavaScript ile karışık şekilde Shopify'ın kendi şablon dili olan Liquid'i yazmak demek. Bizimkini ChatGPT ile yazdım. İstediğim değişikliği anlatıyor, verdiği kodu Shopify'ın tema editörüne yapıştırıyor ve ne olduğuna bakıyordum. Bir şey bozulduğunda kodu Shopify'dan geri kopyalayıp hatayla birlikte ChatGPT'ye gönderiyordum, çalışana kadar.

Yapay zekâyla kodlama henüz çok yeniydi ve hiçbiri çalıştığım tema editörünün içinde değildi. İki sekme arasında kopyala-yapıştırdı ama ben işleri zaten böyle hayata geçiriyordum.

ChatGPT

Üste, ilk kez alışveriş yapanlara MOTONAUTA koduyla %5 indirim veren bir şerit ekle

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

Copy the code

Hatayı geri yapıştır

Shopify · Kodu düzenle

header.liquidtheme.liquid

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

Satan bir vitrin

Ana sayfa haftanın kampanyasıyla açılıyor, ardından motorcuların en çok alışveriş yaptığı kategoriler: kasklar, ceketler, eldivenler, botlar ve yedek parçalar. Üstteki ince bir şerit, ilk kez alışveriş yapan herkese topluluğun kendi kelimesiyle MOTONAUTA kuponuyla %5 indirim veriyor ve hesap onları “Salve, motonauta!” diye karşılıyor.

Sisteme göre parçalar

Kategoriler, bir tamircinin düşündüğü şekilde gruplanmış bir mega menüye açılıyor; böylece fren balatası arayan biri asla egzozların arasında kaybolmuyor.

Coisa de Motos

Telefon için yapıldı

Motorcular mağazayı Instagram ve YouTube üzerinden, telefonlarında buluyor; bu yüzden her ekran masaüstü kadar telefon için de tasarlandı. Daha önce hiç internetten ekipman almamış olanlar için yolu, ana sayfadan ödemeye kadar altı adımlık bir alışveriş rehberine de dönüştürdük.

1. 

   1 · Siteyi aç

2. 

   2 · Bir kategori seç

3. 

   3 · Gördüklerini sırala

4. 

   4 · Ürünü aç

5. 

   5 · Ayrıntılara bak

6. 

   6 · Ödemeyi yap

Markanın sesiyle kampanyalar

Sitedeki her kampanya aynı sistemde kendi banner'ını alıyor: tüm sitede ücretsiz kargo, beş kask modelinde Texx'in 25. yılı, 4Ride Motorcycle ile Festival Interlagos 2025 bilet çekilişi, kupon kodları, bir kadın giyim serisi ve iade politikası.

İnsanları getiren içerik

Blog, kanalın videolarını yazılara dönüştürüyor, örneğin “kaskın son kullanma tarihi var mı?”; böylece hem arama hem YouTube mağazaya geri yönlendiriyor.

Coisa de Motos

Sembol

Sembol yandan görülen bir kask; vizörü hız gibi okunan üç çizgiye bölünmüş, aynı zamanda hareket hâlindeki bir motorcunun E harfi gibi. Küçük boyutlar ve damgalar için dolu, büyük ve ferah alanlar için dış hatlı olarak; turuncu, siyah ya da beyaz kullanılıyor.

Yazı logosu

Yazı logosu ve tüm başlıklar Evil Empire ile dizildi: garaj tabelası havası olan ağır, dar bir display yazı tipi; COISA ile MOTOS arasına küçük bir “de” sıkıştırılmış. Motorcular adı zaten bu iki büyük kelimeye kısaltıyor. Mağazada arayüz Inter ile çalışıyor, böylece gürültülü başlıkların altında fiyatlar ve bedenler kolay okunuyor.

Çemberler üzerine kurulu bir mühür

Mühür tek bir merkezin etrafındaki çemberler üzerine kurulu: harfler dış yarıçap R ile 0,75R arasındaki bir bantta ilerliyor; “desde 2020” altta kendi küçük yayında duruyor; R'den biraz uzun olan kask da merkezin biraz sağında, vizörü ileri bakacak şekilde, tıpkı bir motorcunun virajda eğildiği gibi.

Logo birleşimleri

Parçalar dört birleşimde bir araya geliyor: başlıklar için yatay, kare alanlar için dikey ve ikinci bir dikey, bir de yayında “desde 2020” yazan yuvarlak mühür; profil fotoğrafı, çıkartma ve arma olarak işe yarıyor. Her birinin kanal için bir YouTube versiyonu var.

Yatay

Dikey

Yuvarlak mühür

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.

Maskot Motonauta

Markanın bir insan olmayan bir yüze ihtiyacı vardı, böylece Motonauta doğdu: siyah kasklı, Texx ceketli, topluluğu temsil eden bir motorcu. Kuponları tutuyor, başparmağını kaldırıyor, kask bedeni için kafasını ölçüyor. Pozlar yapay zekâ görsel araçlarıyla üretildi ve tutarlı tek bir karaktere dönüşecek şekilde seçildi.

3D kampanya ikonları

Kampanyalar için markanın turuncusunda bir 3D nesne seti var: kuponlar, yüzdeler, hediyeler, turuncu ve siyah balonlar, bir soru işareti, bir alışveriş arabası, bir kamera ve bir yıldız. Banner'larda ve reklamlarda ürünlerin etrafında süzülüyorlar. İt, ya da birini geri çekip bırak.

İnsanların üzerinde

Markanın işe yaraması gereken ilk yer insanların üzerindeydi. Sembol göğüste küçük, sırtta büyük duruyor; yuvarlak mühür de bir şapkaya ve siparişin gönderildiği kutuya taşınıyor.

Bu büyüklükte bir mağaza istikrarlı bir gönderi ritmiyle yaşar, bu yüzden markanın tek seferlik işlerden çok şablonlara ihtiyacı vardı: her seri için bir görünüm, hızlı doldurulan ve başkasıyla karıştırılması imkânsız.

Lansman

Mağaza bir teaser serisiyle açıldı, “E-commerce Coisa de Motos, lançamento em breve”: ürünler, Motonauta ve bizzat Daniel, site yayına girene kadar gönderi gönderi. Aylar sonra aynı sistem Instagram'da 2.000 takipçiyi kutladı.

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.

• Ürün gönderileri

  Gerçek ekipman üzerinde gerçek eller, videonun tamamına etiketli

• Kampanyalar

  Reklamların zeminlerinde kuponlar ve lansmanlar

• Reel kapakları

  Karenin üzerinde büyük Evil Empire yazı

• Öne çıkanlar

  Bir kapak menüsü: her biri asfalt üzerinde tek bir turuncu ikon

Reklamlar

Reklamlar ve küçük resimler markayı daha ileri taşıyor: turuncu bütün bir arka plana dönüşüyor, ürünler kişinin etrafında 3D olarak süzülüyor ve yazı karenin izin verdiği kadar büyüyor.

YouTube

YouTube'da kanal aynı sistemi koruyor: mühürlü bir banner ve aynı ağır yazı ve turuncu şeritlerle üç yüzden fazla küçük resim; geziler, incelemeler, montajlar ve topluluktan gelen sorular için.