Coisa de Motos

Een kanaal heeft fans. Een winkel heeft een merk nodig dat ze hun geld toevertrouwen.

Coisa de Motos was een naam, een stem en een community lang voordat je er iets kon kopen. Er een winkel van maken betekende die stem behouden, luid, grappig en helemaal van de weg, en er toch serieus genoeg uitzien dat iemand er een jas van R$2.000 koopt.

Het moest ook kunnen meerekken. Dezelfde identiteit moest werken op merch, op een site vol remschijven en vizieren, en in een wekelijks ritme van stories en thumbnails, snel gemaakt en altijd herkenbaar.

Gebouwd op Shopify

We bouwden de hele winkel op Shopify en gebruikten zoveel mogelijk van het platform in plaats van eromheen te bouwen: een thema op maat van het merk, de catalogus met collecties en varianten, zoeken en filters, checkout en betalingen, kortingscodes zoals MOTONAUTA, de blog, en apps voor de rest.

Door op het platform te leunen kon een team van twee honderden onderdelen verkopen zonder servers te draaien, en hielden we tijd over voor wat de winkel anders maakt: hoe hij eruitziet, hoe hij is ingedeeld en wat hij zegt.

De winkel verkoopt motoruitrusting, kleding en honderden onderdelen, dus het designwerk ging vooral over dingen vinden. In de header staat een grote zoekbalk, en een megamenu verdeelt de onderdelen per systeem: mechaniek, remmen, elektra en de rest.

Gecodeerd met ChatGPT

Een Shopify-thema aanpassen betekent Liquid schrijven, de eigen templatetaal van Shopify, gemengd met HTML, CSS en JavaScript. Het onze schreef ik met ChatGPT. Ik beschreef de wijziging die ik wilde, plakte de code die ik kreeg in de thema-editor van Shopify en keek wat er gebeurde. Als er iets stukging, kopieerde ik de code weer uit Shopify en stuurde die met de bug naar ChatGPT, tot het werkte.

Coderen met AI stond nog in de kinderschoenen, en niets ervan zat in de thema-editor waarin ik werkte. Het was kopiëren en plakken tussen twee tabbladen, maar zo bouwde ik toen al dingen.

ChatGPT

Voeg bovenaan een balk toe die nieuwe kopers 5% korting geeft met MOTONAUTA

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

Copy the code

De bug terugplakken

Shopify · Code bewerken

header.liquidtheme.liquid

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

Een etalage die verkoopt

De homepage opent met de aanbieding van de week, en daarna de categorieën waarin rijders het meest kopen: helmen, jassen, handschoenen, laarzen en onderdelen. Een smalle balk bovenaan geeft elke nieuwe koper 5% korting met de code MOTONAUTA, in het eigen woord van de community, en het account begroet ze met ‘Salve, motonauta!’.

Onderdelen, per systeem

De categorieën openen in een megamenu dat is ingedeeld zoals een monteur denkt, zodat iemand die remblokken zoekt nooit langs uitlaten hoeft te scrollen.

Coisa de Motos

Gebouwd voor de telefoon

Rijders vinden de winkel via Instagram en YouTube, op hun telefoon, dus elk scherm is net zo goed voor de telefoon ontworpen als voor de desktop. We maakten van de route ook een gids in zes stappen over hoe je koopt, van de homepage tot de checkout, voor mensen die nog nooit uitrusting online hadden gekocht.

1. 

   1 · Open de site

2. 

   2 · Kies een categorie

3. 

   3 · Sorteer wat je ziet

4. 

   4 · Open het product

5. 

   5 · Bekijk de details

6. 

   6 · Afrekenen

Acties in de stem van het merk

Elke campagne op de site krijgt een eigen banner in hetzelfde systeem: gratis verzending op alles, het 25-jarig jubileum van Texx met vijf helmmodellen, een winactie voor tickets voor Festival Interlagos 2025 met 4Ride Motorcycle, kortingscodes, een lijn damesmode en het retourbeleid.

Content die mensen binnenhaalt

De blog maakt van de video's van het kanaal artikelen, ‘heeft een helm een houdbaarheidsdatum?’, zodat zowel zoekmachines als YouTube terugleiden naar de winkel.

Coisa de Motos

Het symbool

Het symbool is een helm van opzij, met het vizier in drie strepen gesneden die lezen als snelheid, en als de letter E van een rijder in beweging. Het werkt gevuld voor kleine formaten en stempels, en als contour voor grote, luchtige toepassingen, in oranje, zwart of wit.

Het woordmerk

Het woordmerk en elke kop zijn gezet in Evil Empire, een zware, smalle displayletter met de sfeer van een garagebord, met een klein ‘de’ tussen COISA en MOTOS. Rijders korten de naam toch al af tot die twee grote woorden. In de winkel draait de interface op Inter, zodat prijzen en maten goed leesbaar blijven onder de luide koppen.

Een zegel gebouwd op cirkels

Het zegel is opgebouwd uit cirkels rond één middelpunt: de letters lopen over een band tussen R, de buitenstraal, en 0,75R; ‘desde 2020’ staat op een eigen, kleinere boog eronder; en de helm, iets hoger dan R, staat net rechts van het midden zodat het vizier naar voren wijst, zoals een rijder een bocht in leunt.

Lockups

De onderdelen vormen samen vier lockups: horizontaal voor headers, verticaal en een tweede verticale voor vierkante vlakken, en een rond zegel met ‘desde 2020’ op zijn boog, dat werkt als profielfoto, sticker en patch. Elk heeft een YouTube-versie voor het kanaal.

Horizontaal

Verticaal

Rond zegel

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, de mascotte

Het merk had een gezicht nodig dat geen echt persoon was, dus kreeg het Motonauta: een rijder met een zwarte helm en een Texx-jas die de community vertegenwoordigt. Hij houdt de kortingsbonnen vast, steekt zijn duim op, meet zijn hoofd op voor een helmmaat. De poses zijn gegenereerd met AI-beeldtools en samengebracht tot één consistent personage.

3D-iconen voor aanbiedingen

Voor aanbiedingen is er een set 3D-objecten in het oranje van het merk: kortingsbonnen, procenttekens, cadeaus, ballonnen in oranje en zwart, een vraagteken, een winkelwagen, een camera en een ster. Ze zweven rond de producten in banners en advertenties. Geef ze een duw, of trek er een terug en laat los.

Op mensen

De eerste plek waar het merk moest werken, was op mensen. Het symbool staat klein op de borst en groot op de rug, en het ronde zegel keert terug op een pet en op de doos waarin een bestelling wordt verstuurd.

Een winkel van dit formaat leeft van een vast ritme aan posts, dus had het merk meer templates nodig dan losse ontwerpen: één look per serie, snel in te vullen en met niemand anders te verwarren.

De lancering

De winkel opende met een teaserreeks, ‘E-commerce Coisa de Motos, lançamento em breve’: de producten, Motonauta en Daniel zelf, post na post, tot de site live ging. Maanden later vierde hetzelfde systeem 2.000 volgers op Instagram.

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.

• Productposts

  Echte handen aan echte uitrusting, getagd naar de volledige video

• Aanbiedingen

  Kortingsbonnen en lanceringen op de achtergronden van de advertenties

• Reelcovers

  Grote Evil Empire-letters over het beeld

• Highlights

  Een menu van covers: elk één oranje icoon op asfalt

Advertenties

Advertenties en thumbnails duwen het merk verder: het oranje wordt een volledige achtergrond, de producten zweven in 3D rond de persoon, en de letters worden zo groot als het beeld toelaat.

YouTube

Op YouTube houdt het kanaal hetzelfde systeem aan: een banner met het zegel, en meer dan driehonderd thumbnails met dezelfde zware letters en oranje balken, voor reizen, reviews, montages en vragen uit de community.