TagCity is/was een van de grootste kortingscodewebsites in België. Studio Pixili bood hen een totaal pakket branding, web, beeld en karakter ontwerp. We ontwierpen branding en integreerde die in website, het al hun marketingmateriaal zoals nieuwsbrieven, banners en social media campagnes. We ontwikkelde ook de website en alle interne tools. Gaven advies in web strategie.
De reis van TagCity was dan ook een waar saga, en Studio Pixili is er was van dag één bij. TagCity was onze eerste klant en zes jaar en drie versies later werken wij er nog steeds aan.
TagCity is sinds kort kortingscode.be. Nu ook kortingscode.be is project ontworpen en ontwikkeld door Studio Pixili. TagCity heeft ook gezorgd voor de samenwerking met de grootste Belgische nieuwsmagazines; Knack en Le Vif, ook dit is een project van Studio Pixili
De Vraag
TagCity 2.0 kwam nadat TagCity 1.0 een groot succes was. De klant zag het aantal bezoekers maand na maand groeien veel webshops wouden op TagCity staan en er ontstond een groeiende community TagCityers.
Het werd echter tegengehouden door het feit dat het de website in TagCity 1.0 heel eenvoudig was.
De Aanpak
Bedrijfsmascotte(s)
Het ontwerpen van bedrijfsmascottes is altijd een van onze specialiteiten geweest. We denken dat het een verloren vaardigheid is, terwijl er veel voorbeelden zijn waarom een bedrijfsmascotte een goed idee is.
Een mascotte lag hier voor de hand, omdat de opdrachtgever het “City”-gedeelte van TagCity wilde aanboren. En een stad heeft inwoners.
We ontwikkelden eerst een vrouwelijk en mannelijk karakter. Deze zouden de belangrijkste mascottes worden, maar ook de basis vormen van TagCity als gemeenschap. Daaruit kwamen Tagy en Tago.
Tagy is een mannelijk personage met een heel herkenbaar hoofd. De vorm is identiek aan het TagCity-logo. Tagy wordt beschreven als vriendelijk, extravert, creatief en een geboren verkoper. Zijn algemene uiterlijk is gebaseerd op dat van infomerciallegendes Anthony Sullivan, Vince Offer en Billy Mays.
Tago, wiens naam is gebaseerd op Margo, heeft veel van dezelfde eigenschappen. Ze is zo mogelijk een nog betere verkoper dan Tagy, want naast alle natuurlijke kwaliteiten die iemand tot een goede handelaar maken, heeft ze charisma in overvloed.
Beide personages zijn met opzet ontworpen om eenvoudig te zijn. Tagy en Tago bevatten weinig verwijzingen naar ras of afkomst. Hun huid is oranje omdat het de merkkleur van TagCity is, maar onze een manier om te zeggen dat huidskleur er niet toe doet in TagCity. Iedereen is welkom.
Een probleem dat wij ondervonden is dat TagCity een breed aanbod aan webshops had, en dus geen echte doelgroep voor ogen had. Tagy en Tago zijn de prototypes voor alle bewoners en gebruikers van TagCity.
Na registratie wordt elke gebruiker een TagCityer omdat deze karakters ook bedoeld zijn als gemeenschapssymbool. Je kon je eigen personage ontwerpen op basis van je interesses, van Geek tot Foodie. Dit gaf ons ook een idee van de interesses van het nieuwe lid, wat ons een goede start gaf bij het creëren van een aangepaste TagCity-ervaring voor hen.
Homepage
TagCity 1.0 werd regelmatig gevraagd door e-commercesites om deals uitgebreider te kunnen promoten. Dit is voor hen namelijk een belangrijke bron van inkomsten, en de webshops toonde interesse in een tag die de homepage banner van de website kon overnemen. Deze banner moest gebruiksvriendelijk en leesbaar zijn en passen binnen hun merk zonder te commercieel over te komen.
De webshops wilden klantblootstelling zonder in te leveren op gebruikers ervaring van TagCity. Om dit te bereiken hebben we een lay-out gemaakt met een passende overlay. Het maakt niet uit welke kleur het lettertype of logo heeft; de tekst zal altijd leesbaar zijn.
Verder is dit volledig mogelijk in CSS (2) en zijn er geen speciale effecten nodig zoals overvloeimodi waarvoor Photoshop nodig is. Hierdoor wordt het banner, mooi zonder dure software of tussenkomst van een grafisch vormgever. Het is net zo eenvoudig als het uploaden van een passende foto.
Tot slot hebben we een aantal eenvoudige advertentieregels opgesteld om de kwaliteit van onze website te blijven waarborgen. Er mag niet te veel tekst in de foto staan en Foto’s met een lage resolutie worden niet aanbevolen.
Daarnaast hebben wij besloten om deze webshop te helpen door een passende afbeelding aan te bieden indien de adverteerder geen afbeelding heeft of dit liever aan ons overlaat.
Branding
Het TagCity-logo is grotendeels hetzelfde gebleven sinds het voor het eerst werd ontworpen in versie 1.0. Het door ons ontworpen logo hebben we iets gemoderniseerd.
Social media
De klant vroeg ons om een herbruikbare lay-out te ontwerpen voor veelvoorkomende Facebook-berichten. TagCity doet regelmatig mee aan weggeefacties en prijsvragen. In TagCity 1.0 en 2.0 wilde de klant dit blijven doen, maar ook meer inzetten op social media platformen.
Daarnaast wilde TagCity ook speciale aanbiedingen en/of evenementen op Facebook kunnen promoten. Studio Pixili ontwikkelde de basislay-out voor de Facebook-thumbnail, die altijd hetzelfde moest blijven. Zo bleef de pagina herkenbaar voor de volgers van TagCity.
Ook de indeling moest flexibel zijn. Zoals te zien is in de onderstaande carrousel, kan de basislay-out veel verschillende vormen aannemen. Ook werd er extra aandacht besteed aan posts voor feestdagen en actiedagen.
Nieuwsbrieven
De klant vroeg ons ook om nieuwsbrieven te ontwerpen. Net als op Facebook zou een flexibele basisindeling goed van pas komen.
Daarnaast was er nog een technische uitdaging: een nieuwsbrief ontwikkelen die volledig dynamisch is en dus automatisch de best passende tags naar de persoon stuurt. Dit algoritme zou dit baseren op de webshops die de gebruiker volgt.
We hebben ook speciale versies ontworpen voor belangrijke dagen zoals Black Friday, Cyber Monday, Valentijnsdag, enz.
Bedrijfsvideo
Dit is onderdeel van het initiatief om lokale handelaars een plek te geven op TagCity, dat voorheen alleen geschikt was voor webshops. Naast een geheel aparte backend betrof het hier ook een aparte campagne die volledig gericht was op het aantrekken van traders.
Over het maken van bedrijfsvideo’s schreven we een aparte case. Lees hier>
Digitale strategieën
Wervingsstrategieën
Bij het ontwikkelen van het community-gedeelte van TagCity stonden we voor de uitdaging om een manier te vinden waarop gebruikers zich konden registreren. Banners, pop-ups en andere opdringerige advertenties zijn geen optie omdat ze zowel afleiden als een negatieve invloed hebben op de gebruikerservaring. Studio Pixili vond hiervoor een unieke, effectieve oplossing en verhoogde het aantal inschrijvingen.
Exclusive Content Strategie
Het concept van de exclusieve contentstrategie is simpel: gebruikers hebben alleen toegang tot exclusieve content als ze zich registreren. Dit idee is ontstaan naar aanleiding van een vraag van de handelaar; een trend onder webshops is om hun kortingen exclusief te maken door ze in aantal te beperken. Dit gaf ons ook een potentieel concurrentievoordeel omdat we veel exclusieve deals konden aanbieden.
Hoewel deze strategie succesvol was, zagen we dat het aantal registraties toenam, maar dat er minder gebruikers op TagCity bleven. De tweede strategie was daar veel effectiever in.
Hoewel we heel graag meer data zouden willen hebben, zijn we nooit hebzuchtig en vragen we beetje bij beetje en op een leuke manier om informatie. Daarom worden de meeste gegevens pas gevraagd na registratie in de vorm van een TagCity-paspoort.
In de eerste versie van TagCity lieten we gebruikers hun eigen avatar kiezen, wat ertoe leidde dat +80% van de gebruikers geen profielfoto had, 19% met een profielfoto waren overgenomen van Facebook had en 1% spammers. Dit droeg weinig bij aan de gegevensverzameling en waren niet altijd brandsafe. In het nieuwe TagCity is het avatarveld een leuke manier om data te verzamelen, omdat elke avatar een doelgroep is waarvoor TagCity tags heeft.
- De vader / de moeder (Baby en kinderen, bloemen en geschenken, erotiek, huis en tuin, speelgoed)
- Student (Boeken, Muziek, films en games, Kantoor en bureau, Elektronica, Speelgoed, Dating)
- De geek (Bedrukken en fotografie, Boeken, muziek, films en games, Kantoor en bureau, Elektronica, Speelgoed, Dating )
- De Doehetzelfver (Huis en tuin, Elektronica)
- De Reiziger (Vakantie en reizen, Gezondheid en verzorging, Eten en drinken)
- De Foodie (Eten en drinken, Vakantie en reizen)
- Ondernemer (Zakelijke dienstverlening, Hosting, Kantoor en bureau, Elektronica)
- De Normie (alles/ik deel deze voorkeur liever niet met TagCity)
Een opmerkelijk easter egg is dat elke gebruiker een unieke avatar heeft. Elke tag heeft een unieke combinatie van oogkleur, kledingkleur en haarkleur. Willekeurig gegenereerd door het systeem.
Unieke handelaar-wervingsstrategieën
De strategie om verkopers aan te trekken was een ander traject. Bovenaan de pagina stond een call-to-action, meer bedoeld voor verkopers die TagCity vonden via onze campagnes. Voor verkopers is een aparte wervingsstrategie bedacht.
We splitsen het registratieproces op in stappen en laten bij elke stap de voortgang visueel zien.
Zo gaan we van stap 1, een lege stad, naar stap 2. Hier verschijnt een winkel, maar het bord erboven is nog leeg. In deze stap wordt de naam en het logo ingevuld, dus als de gebruiker bij stap 3 komt, is de winkel herkenbaar gemaakt.
In stap 3 wordt de locatie van de winkel opgevraagd en krijgt de virtuele winkel buren. Daarna zijn er twee optionele stappen die niet verplicht zijn, maar wel het profiel aanvullen met nuttige informatie.
Lokale handelszaken werven
Nieuw in TagCity 2.0 was de introductie van samenwerking met lokale ondernemers. Voordien bood TagCity vooral tags aan webshops aan
Met een interactieve, digitale kaart kunnen gebruikers winkels filteren op mogelijke kortingsbonnen of een uitverkoop. Ook is het mogelijk om in te zoomen op de locatie van het toestel.
Nu begrijpen we dat deze kaart op sommige toestellen niet zo gebruiksvriendelijk is. Daarom hebben we nu een functie ontwikkeld die hetzelfde weergeeft als de kaart, maar met meer tekst.
Dit is vergelijkbaar met een webpagina, maar met veel meer opties. Dit onderdeel van TagCity kan ook volledig worden beheerd door de lokale handelaar.
Zo kunnen verkopers zelf kortingsbonnen samenstellen met Live Preview.
Dat deze bon vervolgens direct beschikbaar was als een PDF-download. zorgde voor extra’s zoals het beperken van het aantal kortingsbonnen en/of het instellen van een beperkte geldigheidsperiode. Daarbovenop stelt TagCity standaard al voorwaarden die misbruik tegengaan.
Daarnaast zijn er nog twee unieke elementen waartoe alleen verkopers toegang hebben. Het eerste element was het aankondigen van een verkoop. Dit is uniek omdat ze maar een paar keer per jaar toegevoegd kunnen worden en gereserveerd zijn voor Premium leden.
Als er een uitverkoop aangekondigd wordt bij een winkel in de buurt wordt er automatisch een mail naar alle gebruikers in de buurt van deze winkel verstuurd.
Er is ook de mogelijkheid om de handelaar updates te laten plaatsen. Dit laat de handelaar vrij om te posten wat hij wil.
Verder kregen die verkopers als platform dat tot dan toe vooral bekend stond om het promoten van webshops ook de mogelijkheid om hun kortingscodes en aanbiedingen te promoten. Ze kregen ook een tool met een live preview van wat ze zouden toevoegen.