Študija primera

Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends

StrankaPlatformaOutfit7Spletni ekosistem
Side-by-side view of the Outfit7 and Talking Tom & Friends websites. On the left, the Outfit7 site features the slogan “Our playground, your game” over a blurred background of a game development screen. On the right, the Talking Tom & Friends site displays colorful cartoon characters with the headline “Are you ready to play?” against a vibrant red and purple background, inviting users to explore more.
Gray Outfit7 logo on a transparent background. The word “OUTFiT7” is written in bold, rounded uppercase letters, with the number “7” at the end tilted slightly to the right.

Outfit7 je več kot ustvarjalec Talking Tom and Friends; je središče inovacij v globalni zabavni industriji, mojster umetnosti interaktivne zabave, ki odmeva pri občinstvu po vsem svetu.

Izziv

Izziv

Pravi izziv je bil Outfit7 izpeljati iz središča pozornosti, kjer kraljuje Talking Tom. Outfit7 smo morali na novo opredeliti kot samostojnega zabavnega velikana, predstaviti njegov portfelj IP-jev in ga oblikovati kot magnet za vrhunske talente, poslovne priložnosti in partnerstva, hkrati pa Talking Tomu omogočiti, da zaživi v svojem igrivem kotičku spleta.

Načrt

Načrt

Da bi to dosegli, smo zasnovali strateški dvojni spletni pristop. Naš načrt ni bil le razlikovanje, temveč ustvarjanje jasne, pregledne poti za različne uporabniške skupine – od potencialnih zaposlenih in poslovnih partnerjev do navdušenih oboževalcev franšiz.

Rezultati in učinek

Rezultat je bila uspešna zgodba dveh spletnih strani. Outfit7 zdaj samozavestno stoji na lastnem digitalnem odru z jasnim sporočilom inovativnosti in priložnosti ter nagovarja profesionalne sodelavce in nove talente. Talking Tom and Friends pa imata svoj namenski prostor za povezovanje z oboževalci, ločen od korporativnega konteksta.
21+

milijard prenosov iger. Predstavljajte si, koliko je obiskovalcev spletnih strani.

Kako smo to izpeljali? 16 mesecev sodelovanja in več kot 50 vključenih ljudi.

Uvajanje

2 meseca

Sodelovanje z Outfit7 se je začelo s ključno raziskovalno fazo, prilagojeno za postavitev trdnih temeljev za njihovo spletno repozicioniranje znamke. Poglobili smo se v njihovo poslovno okolje in razčlenili obstoječo digitalno podobo, da bi za Outfit7 izklesali jasno mesto, ki bi tako dopolnjevalo kot tudi izstopalo iz sage Talking Toma.

Temeljit pregled trga je ovrednotil konkurenčno okolje in nam omogočil, da smo prepoznali področja, na katerih bi lahko Outfit7 zasijal. Pregledali smo njihov obstoječi spletni vmesnik s poudarkom na vsebini, strukturi in interakciji uporabnikov, da bi prepoznali možne nadgradnje, usklajene z najsodobnejšimi UX-praksami in UI-trendi.

Ko smo strnili to obilico podatkov, smo sestavili podroben načrt projekta, ki je zajemal Outfit7-jeve strateške cilje. Ta načrt ni bil zgolj proceduralno vodilo; bil je izjava o našem prilagojenem pristopu k dvigu Outfit7-jeve spletne prisotnosti.

Ta raziskovalna pot je vrhunec dosegla v poglobljeni predstavitvi Outfit7-jevim deležnikom, ki je ne le potrdila našo vlogo izbranih digitalnih arhitektov, temveč tudi določila ton partnerstvu, ki je na novo opredelilo njihovo spletno identiteto. Zaznamovala je začetek skupnega prizadevanja, da Outfit7 postavimo v ospredje kot večplastnega zabavnega giganta, ki zna pritegniti občinstvo po vsem svetu.

Opravljene storitve

Tržne raziskave
Konkurenčna analiza
Načrtovanje projektnih virov
Definicija časovnice in mejnikov
Podpis pogodbe

Raziskovanje

3 mesece

Z intenzivnimi delavnicami je naša ekipa skrbno raziskala dvojne razsežnosti Outfit7-jeve znamke: korporativno prisotnost in priljubljene IP-je Talking Tom and Friends. Gostili smo ključne ljudi z obeh področij, sodelovali z umi, ki vodijo posel, in s pripovedovalci virtualnih sag. Ti strokovnjaki so prinesli globok vpogled v svoje uporabniške skupnosti.

Delavnice so bile razdeljene v tri sklope s strateškimi tedenskimi premori in zasnovane za največjo produktivnost. Vsak premor je služil kot kritični interval za razmislek, ki je udeležencem omogočil, da reflektirajo, zberejo ključne informacije in svoje vloge opravijo s premišljenostjo.

Delavnice so prerasle v zakladnico informacij in ustvarile skupno bazo znanja, neprecenljivo za vse vpletene strani. Skozi ta proces nismo le poslušali; slišali smo neizgovorjene potrebe, nianse bolečih točk in tihe upe uporabnikov.

V vrhuncu obsežne predstavitve smo te vpoglede prevedli v oprijemljive uporabniške persone, vsako z lastnimi izzivi in težnjami. Oboroženi s tem znanjem smo skicirali prvo zasnovo projekta, oblikovali vsebinsko strategijo, ki je natančno naslovila boleče točke in negovala uporabnikovo pot z intuitivnimi stičnimi točkami. Naš projektni koncept ni le ponujal rešitev; predvideval je razvoj uporabniških potreb in postavil temelje za dinamično, k uporabniku usmerjeno digitalno prisotnost Outfit7.

Opravljene storitve

Vodenje delavnic z deležniki
Definicija uporabniških person
Definicija uporabniških person
Vsebinsko mapiranje
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends
Jure Kožuh

Jure Kožuh

Vodja UX, CNJ

Partnerji, zaposleni, mediji, igralci, otroci, njihovi starši ... En projekt, dve med seboj povezani znamki, neskončne možnosti. Odkrij, presej in sprejmi potrebe svojih uporabnikov – takrat se pojavi sistem in koščki sestavljanke začnejo padati na svoje mesto.

Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends

UX oblikovanje

2 meseca

V fazi UX oblikovanja smo se lotili natančnega žičnega okvirjanja, s katerim smo postavili digitalna ogrodja tako za korporativno kot za Talking Tom and Friends spletno stran. Izdelali in dodelali smo vrhnje pristajalne strani in poskrbeli, da so se brezhibno prilegale namenu vsakega vsebinskega stebra. Te iteracije so bile ključne, saj so izklesale pripovedno in funkcionalno pot, po kateri bi uporabniki potovali.

Ko se je struktura vrhnjih pristajalnih strani utrdila, smo se poglobili in sestavili zapleteno mrežo žičnih okvirjev v skladen načrt za obe spletni strani. Korporativna stran je bila zasnovana z jasno hierarhijo: prednost so imeli pridobivanje talentov, korporativna kultura in družbena odgovornost, sledijo pa predstavitve izdelkov in priložnosti za partnerstva. Ta zasnova je uporabnikom ponudila preprosto pot in jih po potrebi brez napora usmerjala na stran Talking Tom and Friends.

Spletna stran Talking Tom and Friends je bila skrbno zasnovana, da očara in pritegne, z živahnim poudarkom na zgodbah likov, medijskih vsebinah, igrah in izdelkih. Varnost otrok na spletu je bila ključnega pomena; pri zasnovi smo bili pozorni, da zagotovimo varno in dostopno izkušnjo, skladno s predpisi COPPA in GDPR.

V tej fazi zasnova nikakor ni bila statična. Naš iterativni proces je obogatil aktiven dialog z ekipo Outfit7 in podprlo testiranje uporabnikov, izvedeno v sodelovanju z njihovimi UX strokovnjaki. To ni le dodelalo zasnove, temveč zagotovilo, da je bila oblikovana na podlagi resničnih uporabniških povratnih informacij in odpravila vse nepravilnosti pred prehodom v zaključne faze oblikovanja.

Opravljene storitve

Izdelava žičnih okvirjev
Oblikovanje interakcij
Prototipiranje
Pogovori z deležniki
Testiranje uporabnikov
Analiza povratnih informacij o uporabnosti
Iteracija prototipa
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends

UI oblikovanje

3 mesece

V fazi UI oblikovanja je bilo naše poslanstvo doseči harmonično ravnovesje med prefinjeno korporativno avro Outfit7 in živahno, igrivo naravo franšize Talking Tom and Friends. To uravnoteženje je bilo ustvarjalni podvig, ki je terjal premišljen pristop k združitvi teh dveh nasprotujočih si svetov.

Hitro smo se zbližali pri oblikovalskih konceptih za obe spletni strani in sodelovali z notranjo oblikovalsko ekipo Outfit7 in drugimi ključnimi deležniki. Ideje, ki jih je predlagala naša ekipa, so bile poudarjene z lastniškimi videi in 3D elementi Outfit7, kar je vizualni pripovedi dalo edinstven pridih.

Spletna stran Outfit7 je terjala zasnovo, ki združuje njegovo eleganto, temno znamčno podobo z izbruhi barv iz vizualne podobe iger. Naša minimalistična taktika z jasnimi linijami in črno-belo barvno paleto je služila kot platno za dinamične elemente znamke – korporativno fotografijo, podobe iger in svetleče neonske poudarke. Ta prilagojeni oblikovalski sistem je bil vsestranski in spretno izpostavljal različne vidike, kot so pridobivanje talentov, korporativna etika, osebne zgodbe, družbene pobude, predstavitve izdelkov in najnovejše novice.

Po drugi strani je morala spletna stran Talking Tom and Friends pritegniti mlado občinstvo, hkrati pa ostati funkcionalna za starše. Ključno je bilo, da spletno stran napolnimo z zabavo, ne da bi pri tem ogrozili njeno uporabnost. To smo dosegli s strateško uporabo barvnih blokov, krepke tipografije, animiranih elementov in mikrointerakcij, s čimer smo zagotovili, da je stran privlačna in hkrati prijazna uporabniku.

Obe spletni strani sta bili skrbno oblikovani, pri čemer je dostopnost kamen temeljnik, kar zagotavlja, da elementi, kot so kontrast barv in velikost tipografije, ustrezajo najvišjim standardom, zaradi česar sta spletni strani ne le estetsko privlačni, temveč tudi univerzalno uporabni.

Opravljene storitve

Razvoj oblikovalskega sistema
Razvoj zasnove visoke ločljivosti
Oblikovanje animacij
Oblikovanje mikrointerakcij
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends

Razvoj

8 mesecev

Med razvojno fazo smo ubrali vzporedni pristop. Razvojna ekipa se je lotila temeljnega dela, medtem ko so bile UI zasnove še v dodelavi, in se osredotočila na izdelavo bistvenih funkcij spletnih strani Outfit7 in Talking Toma. Takšen sočasen način dela nam je omogočil poenostavitev poteka dela in pospešitev razvojnega procesa.

Za izdelavo sprednjega dela smo izbrali Vue.js 3, ki slovi po svoji zmogljivosti in prilagodljivosti, da smo zagotovili, da sta spletni strani zgrajeni na sodobnem in odpornem ogrodju. Ta odločitev je bila ključna za ustvarjanje spletne platforme, ki ni le varna in prilagodljiva, temveč tudi pripravljena na prihodnji tehnološki razvoj.

Za zaledni del smo izbrali Statamic, plosko-datotečni CMS, ki nam je ponudil robusten nabor orodij za upravljanje vsebin brez kompleksnosti baze podatkov. Ta pristop nam je dal okretnost in preprostost, ki sta potrebni pri delu z vsebinami, in se popolnoma ujemal z dinamičnimi vsebinskimi zahtevami Outfit7. Za izboljšanje učinkovitosti upravljanja spletnih strani smo razvili poseben graditelj strani po meri. To orodje je urednikom omogočilo, da brez težav sestavijo strani z naborom komponent, kot so obrazci, galerije in drsniki, ter izboljšali svojo zmožnost natančnega in enostavnega prilagajanja vsebin.

V prizadevanju za poenostavitev internih procesov Outfit7 smo brezhibno integrirali Greenhouse za objave delovnih mest in Zendesk za podporo strankam. Te integracije so omogočile neprekinjen tok zaposlovanja in storitev za stranke ter okrepile splošno operativno učinkovitost.

Poleg tega smo spletni strani okrepili s celotnim naborom naprednih funkcij, da smo obogatili interakcijo z uporabniki in zagotovili ustreznost vsebin. Implementacija mehanizmov za starostno preverjanje, glasovne interakcije, ki oživi like Talking Toma, samodejno generiranje slik Open Graph in še več – vse to skupaj zagotavlja uporabniško izkušnjo, ki je privlačna, varna in skladna z mednarodnimi standardi. Te izboljšave ne le povečujejo uporabniško pot, temveč tudi poudarjajo zavezanost Outfit7 zagotavljanju varnega in interaktivnega spletnega okolja.

Opravljene storitve

Razvoj zalednega dela
Razvoj sprednjega dela
Integracija zunanjih storitev
Zagotavljanje kakovosti
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends
Za zaveso: na novo zasnovana digitalna identiteta Outfit7 in Talking Tom & Friends

Več kot leto dni po začetku sta obe spletni strani zaživeli.

Skočimo na klic o vašem projektu

30-minutni klic, da razumemo kaj gradite in ali smo prava ekipa za vas.

Raje po e-pošti?

[email protected]