Poki

Toimiston ilmoittama referenssi

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Projektin tyyppi: Web-sovellus, mobiilisovellus tai asiointipalvelu

Hollantilainen selainpelijulkaisija Poki kävi vuonna 2017 läpi suuren brändiuudistuksen, jonka päätteeksi he halusivat luoda jotain erityistä, joka erottaisi heidät sivustojen harmaasta massasta ja vakuuttaisi niin käyttäjät, potentiaaliset yhteistyökumppanit kuin selainpelikehittäjätkin.

Evermade pyydettiin mukaan toteuttamaan Proof of Concept, jossa selainten rajojen kokeilu, uusien graafisten elementtien käytön monipuolisuus ja brändiuudistuksessa luodut arvot pääsisivät oikeuksiinsa.

Pelillisyys keskiössä
Pelijulkaisijana Pokille oli luonnollisesti tärkeää tuoda brändiään esille pelaamisen kautta. Sivustolle toteutettiin lopulta useampia pelillisiä elementtejä – esimerkiksi kokonainen selainpeli sivuston lopussa.

Interaktiivinen käyttökokemus
Pokin brändissä toistuvat graafiset elementit, kuten pallo ja monikulmiot, haluttiin tuoda interaktiiviseksi osaksi sivua. Pokin pallolle päätettiinkin luoda oma sielu: pikkuruinen pallo kulkee sivulla käyttäjän mukana ja reagoi sivuston elementteihin.

Optimoitu suorituskyky
Yksi sivuston suurimmista kohdeyleisöistä ovat selainpelien toteuttajat. Siksi Pokille oli erityisen tärkeää, että kovasta ambitiotasosta ja näyttävistä animaatioista huolimatta tekninen toteutus on huippulaatua, eikä yhtäkään mutkaa vedetä suoraksi.

Erottuvat tekniset ratkaisut
Kyseessä ei ole mikään perinteinen one pager: sivulta löytyy esimerkiksi SVG-brändielementtigeneraattori, ‘Breakout’-henkinen selainpeli sekä fysiikkamoottori, jonka avulla lasketaan pallon reagointia selainelementteihin.

Pieni pallo, iso sielu
Sivuston päähenkilönä toimiva pieni pallo on Pokin brändielementeistä merkittävin, ja se toistuu kaikessa markkinoinnissa. Siksi ymmärsimme heti projektin alussa, että pallon tulisi reagoida sivuston muiden elementtien kanssa. Sille haluttiin antaa sielu. Prototyyppivaihe oli pitkä. Lopulta löysimme sopivan animaatioteknologian, jonka avulla saimme yhdistettyä sulavan liikkeen ja tarkat ajoitukset parhaalla mahdollisimmalla tavalla.

Arcade-klassikkopeli sivuston sisällä
Kuinka moni yritys voi ylpeillä sillä, että sivustolla komeilee oma arcade-peliklassikko? Evermade toteutti Pokille version klassisesta “Breakout”-pelistä. Peli on toteutettu toimimaan joko näppäimistöllä, hiirellä tai kosketusnäytöllä.

Peli on ainutlaatuinen yhdistelmä eri web-tekniikoita: WebGL-pelimoottori ja perinteiset verkkosivuteknologiat toimivat saumattomasti yhdessä. Yhdistelmän ansiosta löysimme – ja ratkaisimme – lukuisia selainbugeja. Pelin tarkoituksena on ohjata käyttäjää toimimaan ja vuorovaikuttamaan sivuston kanssa. Tämä varmistaa, että käyttäjälle jää pitkäaikainen muistijälki Pokista ja sivustosta.

Timantit on generoituja
Sivuston kohdeyleisön vuoksi päätimme hyvissä ajoin, että emme valitse helpointa tietä toteutuksessa. Esimerkiksi sivuston päivitettävyys haluttiin viedä äärimmilleen. Siksi taustalla liikkuvia timantteja ja monikulmioita ei haluttu luoda manuaalisesti Photoshopissa.

Evermade toteutti sivustolle SVG/PNG-generaattorin, jonka avulla voidaan luoda lennosta erikokoisia elementtejä, muuttaa kuvioiden värejä ja sumennuksen määrää syvyysvaikutelmaa luomaan.

Toteutus kätkee sisälleen huomattavan paljon matematiikkaa, fysiikkaa, loogista päättelyä ja WebGL-magiikkaa.


Sinua voisi kiinnostaa myös

Turvaopas.fi

Tekijä: Virnex

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Yrityksen sivusto kuluttajille

Palvelu taloyhtiöiden turvallisuuden parantamiseen Turvaopas.fi on innovatiivinen verkkopalvelu, joka on suunniteltu erityisesti taloyhtiöiden turvallisuuden parantamiseen. Vilkas muuttoliike ja uudet trendit, kuten Airbnb, on tullut jäädäkseen samalla kun vuokra-asumisen suosio kasvaa. Taloyhtiölle tämä tuo haasteita myös turvallisuuden näkökulmasta. Turvaopas tarjoaa ajantasaisen tiedon kaikille taloyhtiön asukkaille sekä heidän vieraille taloyhtiön turvaohjeista, sekä asukkaan omista velvollisuuksista. Palvelu tarjoaa […] Lue lisää

Educo

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Yrityksen sivusto yritysasiakkaille (B2B)

Educo on johtamisen osaaja, kehittäjä ja vaikuttaja. Se toimii Suomessa maailman johtavan johtamisen osaajan The Ken Blanchard Companies® maapartnerina. Olemme työskennelleet yhdessä Educon kanssa parantaaksemme yrityksen tunnettuutta, brändimielikuvaa, digitaalista presenssiä ja hakukonenäkyvyyttä. Yhteistyötämme on nyt takana puoli vuotta ja mainonnan tuomat edut ovat jo havaittavissa sekä liikenteessä että orgaanisessa näkyvyydessä. Brändi-ilmeen uudistus Aloitimme yhteistyön Educon kanssa kesällä […] Lue lisää

Raisio – useita sivustoja

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Yrityksen sivusto kuluttajille

Aloitimme laajamittaisen yhteistyön Raision kanssa syksyllä 2019, kun Raisio etsi kumppania huolehtimaan brändisivujensa ylläpidosta ja jatkokehityksestä. Raision aiemmat sivustot oli suunniteltu ja kehitetty usean eri tahon toimesta ja rakennettu eri alustoille, mikä lisäsi kommunikaation ja koordinaatiotyön määrää. Sivustojen ylläpito haluttiin keskittää vaiheistetusti yhdelle kumppanille, jotta Raision tiimin arki helpottuisi. Ylläpitoon siirrettävät sivustot auditoitiin kehitystiimimme toimesta yhteistyön […] Lue lisää

Nudamag -verkkolehti

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Projektin tyyppi: Verkkokauppa

@nude_yogagirl on Instagram-vaikuttaja, jolla on miljoonia seuraajia ympäri maailmaa. @nude_yogagirl perusti Nudamagin poikaystävänsä kanssa muuttaakseen ihmisten käsitystä alastomuudesta ja haastaakseen yhteiskunnassamme vallitsevia kauneusihanteita. Nudamag on verkossa myytävä lehti. Käyttäjät voivat valita kolmesta eri tilausvaihtoehdosta ja ostaa halutessaan myös yksittäisiä numeroita. Nudamagia myytiin aikaisemmin Shopifylle toteutetun vanhan verkkokauppa-alustan sekä Patreon-alustan avulla. Vaikka Shopify ja Patreon ovat […] Lue lisää

FC Inter Turku – verkkosivustokokonaisuuden uudistus

Tekijä: G-Works

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Projektin tyyppi: Yrityksen sivusto kuluttajille

Lähtötilanne ja tavoitteet projektille FC Inter, yksi Veikkausliigan perinteikkäimmistä ja menestyneimmistä seuroista, pyysi G-Worksilta apua verkkosivustonsa uudistamiseksi. Heidän tavoitteensa oli päivittää sivusto, joka ei enää vastannut seuran tarpeita eikä strategiaa. Sivuston kehittämiskohteina olivat visuaalisuus, teknologia sekä sisältörakenne ja sisällön esitystapa. Pelistrategia suunnittelutyön pohjaksi Projektin alkaessa oli ensisijaisen tärkeää luoda tarkka pelistrategia. Workshopissa G-Works ja FC […] Lue lisää

Best Caravan

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin tyyppi: Yrityksen sivusto kuluttajille

Best Caravanin aiempi verkkosivusto oli toteutettu WordPressilla, mutta käyttökokemus niin loppukäyttäjälle kuin sisällöntuottajallekin oli kehno. Tarjouduimme vastaamaan Best Caravanin verkkopalvelujen eli sivuston sekä verkkokaupan konseptoinnista, teknisestä määrittelystä ja toteutuksesta. Tutustuimme ensin Best Caravanin liiketoimintaan ja sivuston käyttäjiin ja määrittelimme sitten verkkopalvelu-uudistuksen tavoitteet, tekniset ratkaisut sekä integraatioiden toteutukset. Best Caravanin ulkoasun ja brändin päivittämisestä vastasi Ellun Kanat, […] Lue lisää

Vierityspalkki-blogi

Julkaistu vuodesta 2006. Vierityspalkki on blogi kotimaisen internet-alan trendeistä, teknologioista ja alan toimistoista. Seuraa, niin tiedät miten ja kenen toimesta syntyvät parhaat verkkopalvelut, verkkokaupat ja räätälöidyt web-sovellukset.
Lisätietoa blogista ja sen lukijoista.

  • 1100+ asiantuntija-artikkelia.

    Toimitettua asiasisältöä kattavasti teknologioista ja web-alan ilmiöistä. Vierityspalkki nostaa esiin alan puheenaiheita ja tuoretta tutkimustietoa, osallistuu keskusteluun sekä haastattelee alan asiantuntijoita ja toimistoja.


    Kaikki artikkelit

  • 1300+ digipalvelun referenssicasea.

    Julkaisut-palsta tarjoaa näkyvyyttä kiinnostaville uusille verkkopalveluille ja web-sovelluksille, ja antaa asiakkaille mahdollisuuden arvioida eri toimistojen osaamista.


    Selaa toimistojen julkaisuja

  • 1000+ aktiivista lukijaa blogin kuukausikirjeellä.

    Kerran kuukaudessa ilmestyvä kuukausikirje koostaa julkaistut artikkelit, uudet julkaisut, avoimet työpaikat ja ajankohtaiset linkkivinkit.


    Tilaa uutiskirje

  • 31 kokenutta digitoimistoa

    on päässyt aina ajantasaiselle Toimistot-listalle. Lista on auttanut asiakkaita löytämään kokeneita digitoimistokumppaneita jo usean vuoden ajan. Lista keskittyy WordPress-osaajiin ja räätälöityjen web-sovellusten tekijöihin.


    Selaa Toimistot-listaa

Tilaa kuukausikirje

Kerran kuukaudessa ilmestyvä uutiskirje koostaa artikkelit, julkaisut, työpaikat ja linkkivinkit. Kirjeellä on jo yli 1000 tilaajaa.
Huom. Sähköpostiosoitettasi ei luovuteta eteenpäin, eikä käytetä mihinkään muuhun tarkoitukseen – ihan oikeasti.

Siirry takaisin sivun alkuun