Poki

Toimiston ilmoittama referenssi

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Projektin tyyppi: Web-sovellus 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

Suunnittele hautajaiset -web-sovellus Memorialla

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Web-sovellus tai asiointipalvelu

Memoria on Suomen ensimmäinen maanlaajuisesti toimiva hautauspalveluiden verkkopalvelu, jonka kuluttajat tunnistavat luotettavana ja laadukkaana palveluntarjoajana. Memoria kaipasi kumppania uuden verkkopalvelun suunnitteluun, kehitykseen ja digitaaliseen markkinointiin. Uuden palvelun ytimessä tuli olla helppous, ymmärrettävyys, luotettavuus ja nykyaikaisuus. Kaikki palvelut digitalisoituvat, mutta hautauspalvelut mielletään yhä vankan perinteiseksi. Tämän halusimme muuttaa. Olemassa olevat digitaaliset hautauspalvelut ovat usein kylmiä, kankeita […] Lue lisää

Mafy

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Projektin tyyppi: Verkkokauppa

Aiempi mafy.fi palveli kohderyhmiään rakenteestaan huolimatta, ei sen ansiosta. Sivustolla oli paljon hyvää sisältöä, mutta siltä puuttui selkeä hierarkia ja sisältöjen silmäily vei turhan paljon käyttäjän aikaa. Viestit vaativat kiteyttämistä erityisesti mobiilinäkymiä varten. Pitkien mobiilisivujen asettelu rikkoutui paikoitellen, minkä vuoksi lukeminen oli työlästä ja itse viesti hukkui tekstimassaan. Aiempi sivusto ei toiminut parhaalla mahdollisella tavalla […] Lue lisää

Drum

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Yrityksen sivusto

Loimme Drumille modernin ja raikkaan sivuston, joka tuo esiin viestintätoimiston asiantuntijuutta ja houkuttelee lukijoita uppoutumaan mielenkiintoisiin sisältöihin. Aiemmalla drum.fi-sivustolla ei ollut selkeää punaista lankaa. Sivusto ei vastannut Drumin brändiä eikä kannustanut lukijoita kuluttamaan sisältöjä tarpeeksi hyvin. Sivuston ilme oli vanhentunut, se oli rakenteeltaan sekava ja lisäksi sen ylläpito oli turhan työlästä.  Drumin toiveena olikin moderni, […] Lue lisää

SEES

Tekijä: Trimedia Oy

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Verkkokauppa

Suomalainen SEES Company valmistaa kodinsiivoustuotteita ja luonnonkosmetiikkaa. Kaikki tuotteet valmistetaan ilman keinotekoisia ainesosia tai synteettisiä tuoksuaineita. Valikoimaa yhdistää luontoystävällisyys, raaka-aineiden korkea laatu ja suomalainen design. Uudistuksen tavoitteena oli luoda sivusto, joka luo oikeutta laadukkaille kuva- sekä videomateriaaleille. Koko sivusto, sisältösivut ja verkkokauppa uudistettiin brändin mukaisesti. Tuloksena brändin mukainen WooCommerce verkkokauppa  Yrityksen showroomina ja myyntikanavana verkossa […] Lue lisää

Digitaalinen infonäyttösovellus Helsinki-Vantaan Alepalle

Tekijä: Mediasignal

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Web-sovellus tai asiointipalvelu

Helsinki-Vantaan lentokentän Alepalla oli tarve hyvin monipuolisen informaation esittämiseen myymälässä, sillä lentokentällä Alepan työntekijät joutuvat vastaamaan matkustajien mitä moninaisimpiin kysymyksiin. Alepa halusi tarjota asiakkailleen näytöltä käytettävän sovelluksen, johon he voisivat ohjata asiakkaitaan löytämään lisätietoa heitä kiinnostavista aiheista. Sovelluksen tietojen päivitys haluttiin hoitaa ylläpitäjille tutulla WordPress-järjestelmällä. Toimitimme 55″ kosketusnäyttöihin 4K ja FullHD skaalautuvan sovelluksen, jonka alustaratkaisuna […] Lue lisää

Ellun Kanat

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Projektin tyyppi: Yrityksen sivusto

Ellun Kanat on strateginen viestintätoimisto, joka on kivunnut nopeasti Suomen merkittävimpien muutosviestinnän tekijöiden joukkoon. Ellunkanat.fi on yritykselle merkittävä media-alusta, joka kokoaa yhteen palvelutarjonnan ja uutiset, asiantuntijoiden artikkelit sekä henkilökuvaukset. Kumppanuutemme Kanojen kanssa on tarkoittanut luovaa ideointia, proaktiivista sparraamista ja liiketoiminnan kasvattamista digitaalisella otteella. Ellun Kanat havahtui tarpeeseen tuntea yleisönsä syvemmin ja kehittää sivustoaan vastaamaan paremmin […] 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 kävijöistä

  • 1150+ 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.

  • 1300+ julkaistua referenssiä Julkaisut-palstalla.

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

  • 900+ aktiivista lukijaa blogin kuukausikirjeellä.

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

  • 30+ 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.

Tilaa kuukausikirje

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

Siirry takaisin sivun alkuun