Into-Digital

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Yrityksen sivusto

Vastasimme yhden Suomen suosituimman hampurilaisketjun, Burger Kingin, verkkopalvelun uudistuksesta. Tähtäimessä oli kehittää uusi burgerking.fi edeltäjäänsä käyttäjälähtöisemmäksi saadun asiakaspalautteen pohjalta ja samalla päivittää sivusto vastaamaan pikaruokaketjun uudistunutta brändi-ilmettä. Kevensimme myös sivuston ylläpitäjien työtaakkaa kiinnittämällä sisällönhallinnan selkeyteen ja monipuolisuuteen erityistä huomiota. Vaatimattomasti tavoitteena oli luoda maailman paras Burger King -saitti.

Ravintoloiden löytymistä helpotimme toimipistehaulla, jonka toteutuksessa hyödynsimme Googlen geocoding-rajapintaa.
Burger Kingin laajan tuotevalikoiman selaamiseen suunnittelimme verkkokauppamaisen tuotesuodatuksen, jonka avulla käyttäjä voi etsiä mieluisia herkkuja tuoteryhmän perusteella ja suodattaa tuloksista pois valitsemiaan allergeeneja sisältävät tuotteet. Itse tuotteen sivulta löytyy herkullisen tuotekuvan lisäksi selkeästi esitettynä ainesosalistaukset, ravintosisällöt ja tuotteen sisältämät allergeenit.

Toteutimme sivuston Gutenberg-lohkoeditorilla höystetyn WordPressin päälle, mikä jo itsessään tuo ylläpitäjien käyttöön selkeät ja helpot sisällönhallintatyökalut. Erilaisista palikoista koostuva modulaarinen sivurakenne on helppokäyttöinen, mutta se myös antaa ylläpitäjälle vapautta valita juuri sopiva esitystapa kyseiselle sisällölle. Lisäsimme hallinnan helppokäyttöisyyttä esimerkiksi tuomalla uudet brändivärit valittavaksi eri moduuleihin, jolloin sopiva väri löytyy yhdellä klikkauksella. Tuotetiedot soljuvat nyt nätisti pilvipalvelusta rajapinnan kautta verkkosivuille, eikä päivityksiä tarvitse muistaa tehdä useisiin paikkoihin.

Työskentelimme Burger Kingin tiimin kanssa tiiviissä yhteistyössä projektin ensihetkestä jatkokehityskohteiden suunnitteluun saakka, ja yhteistyö jatkuukin uusien ideoiden ja ylläpidon parissa.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Uusi plan.fi ei ole tavanomainen nettisivu, vaan äärimmilleen viritetty, erittäin näyttävä ja poikkeuksellisen kattavat sisällönhallintamahdollisuudet sisällään pitävä täysin räätälöity WordPress-verkkosivusto. Tarvittavat toiminnallisuudet, sisältötyypit ja sisällön esitystavat suunniteltiin huolella yhdessä Planin tiimin kanssa työpalavereissa projektin alkuvaiheissa.

Planin tavoite on edistää tyttöjen oikeuksia, joten verkkopalvelun ensisijainen tarkoitus on ohjata käyttäjiä lahjoittamaan eri muodoissa ja innostaa ihmisiä toimimaan tasa-arvon puolesta. Tätä tavoitellaan niin vahvojen CTA-ohjausten kuin erittäin laadukkaiden Planin toimintaa kuvaavien sisältöjen välityksellä.

Planin WordPress-sivusto pitää sisällään muun muassa:
– Satoja sivuja
– Lukuisia sisältötyyppejä: sivut, artikkelit, Plan-lehdet, tapahtumat, sisällöntuottajat, upotettavat sisältömoduulit, materiaalipankin, popup-sisällöt
– Yli 20 sisältömoduulia
– Sisällön taksonomian
– Näyttävän meganavigaation
– Ennakoivan ja kategorisoivan haun
– Graafityökalut
– Karttatoiminnallisuuden

Planin tarpeet uudelle verkkosivustolle olivat laajat ja kattavat, koska talon sisältä löytyy rutkasti osaamista sisällöntuotantoon. Monipuolista sisältöä haluttiin vaalia suunnittelemalla ja toteuttamalla verkkopalvelun sisällönhallintaan ratkaisuja, jotka ovat vertaansa vailla. Konepellin alla puksuttaa WordPressin Gutenberg viritettynä WordPressin Advanced Custom Fields (ACF) -lisäosalla. Erikoisuuksia Planin tuoreesta WordPress-sivustosta löytyy reilusti.

Alusta saakka oli tärkeää, että verkkosivuston käyttö on sujuvaa eri kohderyhmille, kuten lahjoittajille ja Planin toiminnasta kiinnostuneille. Myös palvelun luotettavuutta ja saavutettavuutta haluttiin korostaa. Sivusto täyttääkin WGAC 2.1:n AA-tason saavutettavuusstandardit.

Huolellisen suunnittelun ja toteutuksen myötä käyttäjän on helppo löytää kiinnostava lahjoituskohde ja sisältö vaikuttavan käyttökokemuksen ja näyttävän ulkoasun avustuksella.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Suomen Partiolaiset – Finlands Scouter ry on Suomen suurin nuorten vapaaehtoisjärjestö. Into-Digital loi lippukuntien vapaaehtoisille helppokäyttöisen verkkosivutyökalun, jolla laadukkaiden sivujen tekeminen ja ylläpitäminen onnistuu ilman kummempaa teknistä osaamista.

Haasteena oli suunnitella yksinkertainen, mutta muokattavissa oleva sivustopohja, jolla mikä tahansa Suomen 750 lippukunnasta saa luotua itselleen sopivat nettisivut. Projektissa loimme partion käyttöön verkkosivuratkaisun, jolla lippukuntien vapaaehtoiset saavat tehtyä laadukkaat ja personoidut verkkosivustot ilman, että uusien sivujen perustamiseen tarvitaan Into-Digitalin tai muun teknisen toteuttajan apua. Uusi työkalu tuo potkua lippukuntien verkkoviestintään ja jäsenhankintaan.

Kulmakivet sivujen käyttökokemuksen ja ulkoasun suunnitteluun:
• Saavutettavuus
• Mutkaton käyttökokemus, selkeys
• Logon ja värien kustomointi lippukunnan tarpeisiin
• Tilaa kuville, jotta lippukunnat voivat tuoda esiin toimintaansa
• Modulaarinen rakenne joustavaan sisällöntuotantoon

Huolellisen suunnittelun jälkeen Inton tiimi päätyi muun muassa seuraaviin valintoihin:

• Julkaisujärjestelmäksi valittiin WordPress.
• Toteutus perustuu WordPressin Multisite-ominaisuuteen, jossa Suomen Partiolaiset voi itse hallinnasta perustaa uusia verkkosivustoja lippukunnilleen. Lippukunnilla puolestaan on oma WordPressin helppokäyttöinen hallintanäkymä.
• Multisite-ratkaisun myötä sivut sijaitsevat samalla palvelimella. Näin lippukunnilla on taas yksi tekninen asia vähemmän taklattavana.
• Multisite-ominaisuutta laajennettiin niin, että uudelle sivustolle automaattisesti muodostuu projektissa suunniteltu perussivurakenne.
• Lippukuntien sivustot voivat sijaita joko alidomainissa (esimerkki.partioscout.fi) tai omassa domainissaan (esimerkkilippukunta.fi).
• Lippukunnat voivat personoida sivustojaan vapaasti logolla, värimaailmalla ja tietysti modulaarisilla sisältötyökaluilla.
• Jokaisella sivustolla on automaattisesti käytössä WPML-kieliversiotyökalu, minkä avulla sivusto on helppo kääntää.
• Halutessaan käyttöön saa valmiiksi määritellyt Gravity Forms -yhteydenottolomakkeet, joista tulee ilmoitukset sähköpostiin.
• Someseinä toteutettiin Juicer-työkalulla, jonka lippukunnat voivat ottaa käyttöönsä vaivattomasti.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Verkkokauppa

Into-Digital loi verkkopalvelun, jolla tehdään hyvää!

Lahjoittamo.fi kokoaa sosiaali- ja terveysjärjestöjen avustuskohteet kätevästi yhteen paikkaan. Goodwill ry:n kehittämän ja Into-Digitalin toteuttaman palvelun avulla lahjoittaja löytää itseään kiinnostavat rahankeräyskohteet muutamalla klikkauksella. Lahjoittajalle oman avun tarjoaminen on palvelun avulla helpompaa ja luotettavampaa kuin koskaan aikaisemmin. Mikä parasta, palvelu on järjestöille ilmainen, eikä alustalla tapahtuvista lahjoituksista kerätä profitia.

Into-Digital vastasi projektissa koko verkkopalvelun rakentamisesta, ja lähtökohtana oli hioa sivuston käyttäjäystävällisyys ja saavutettavuus huippuunsa. Uuden ajan verkkopalvelun tavoitteena on toimia täysin asiakkaan tarpeiden mukaan räätälöitynä, uniikkina lahjoituskanavana, jota on houkutteleva, helppo ja turvallinen käyttää.

Hanke suunniteltiin ja vietiin läpi tiiviissä ja hedelmällisessä yhteistyössä Goodwillin palvelumuotoilun tiimin kanssa. Into-Digitalilla oli ilo olla vastuussa
– käyttöliittymän ja visuaalisen ilmeen viimeistelystä
– uusien, projektin aikana tunnistettujen tarpeiden määrittelystä ja suunnittelusta
– sivuston teknisestä suunnittelusta ja toteutuksesta
– sivuston hakukoneoptimoinnista ja analytiikkatyökalujen räätälöinnistä
– palvelun ylläpidosta ja jatkokehityksestä.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Yrityksen sivusto

Uudistimme yli satavuotiaan perheyrityksen verkkosivuston. Tuloksena on visuaalisesti linjakas, palvelut selkeästi esittelevä ja sujuvat yhteydenotot mahdollistava palvelu Hakosen asiakkaille, kumppaneille ja muille sidosryhmille.

Hakosen visuaalinen ilme on vahva ja helposti tunnistettava. Yrityksen sinikeltaiset kuorma-autot ovat tuttuja katukuvasta ja nyt sama ilme tuotiin myös verkkosivustolle. Sivuston käyttöliittymä toimii responsiivisesti, eli se mukautuu sujuvasti käytettäväksi eri päätelaitteilla.

Verkkosivuston ensisijainen kohderyhmä on potentiaaliset yritysasiakkaat. Ratkaisut yrityksille nostetaan selkeästi esiin heti etusivulla ja samalla kuvataan Hakosen erityiset vahvuudet. Hakosen edistyksellinen älypuhelinsovellus esitellään kuvien ja tekstin avulla. Kaikille palveluille on omat sivunsa ja yhteystiedot ovat kattavasti saatavilla.

Verkkosivuston toteutuksessa tehtiin tarkoituksenmukaisia ratkaisuja ilman turhia mutkia. WordPress-julkaisujärjestelmällä rakennettu tekninen ratkaisu on kuitenkin tehty niin, että uusien toiminnallisuuksien lisääminen ja muu jatkokehitys on sujuvaa. Tarkoituksena onkin askel kerrallaan laajentaa verkkosivustoa.

Projektissa toteutettiin myös valokuvaus, koska Hakosella ei ollut laadukkaita kuvia toiminnastaan ja kuvapankkikuvia ei haluttu käyttää. Kuvaukset toteutettiin kahtena päivänä eri lokaatioissa ja malleina toimivat Hakosen työntekijät. Verkkosivuston lisäksi kuvia käytetään monipuolisesti myös muussa Hakosen markkinoinnissa.

Into-Digital vastasi verkkosivuston uudistuksesta kokonaisuudessaan, sisällön ja käyttöliittymän suunnittelusta ylläpitoon.
• sisältörakenteen ja sisällön suunnittelu
• käyttöliittymäsuunnittelu
• käyttöliittymän visuaalinen ilme
• valokuvauksien suunnittelu ja toteutus
• tekninen toteutus
• testaus, julkaisu ja ylläpito
• projektisuunnittelu ja projektijohto
• jatkokehitys

Hakonen.fi on hyvä esimerkki kompaktista verkkosivuston uudistamisen projektista, jossa olemme kunnostautuneet aiemminkin. Palkittuja pienemmän kokoluokan verkkopalveluitamme ovat esimerkiksi Suomen Partiolaisten Adventtikalenterin verkkokauppa ja Solera Finlandin Viinilinna.fi

Tekijät: Ida Fram Oy (Brändiuudistus ja visuaalinen ilme), Into-Digital Oy (Palvelumuotoilu, sisältörakenne, tekninen suunnittelu ja toteutus)
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Yrityksen sivusto

Tapiolan Lämpö panostaa kasvuun ja on uudistanut strategiansa, tavoitteenaan vahvistaa asemaa koko pääkaupunkiseudulla. Ida Fram vastasi Tapiolan Lämmön brändiuudistuksesta ja Into-Digital suunnitteli ja toteutti Tapiolan Lämmön uuden verkkopalvelun.

Verkkopalvelu on, henkilökohtaisen palvelun ohella, Tapiolan Lämmön tärkein asiakaspalvelun ja myynnin kanava. Verkkopalvelua käyttävät myös yhteistyökumppanit, median edustajat ja yrityksen muut sidosryhmät. Yhteisenä tavoitteena oli kehittää verkkopalvelusta mahdollisimman kätevä tapa esimerkiksi huoltopyyntöjen ja asiakirjojen tilaukseen. Verkkopalvelun kautta voi myös muun muassa ilmoittaa muutostöistä sekä tehdä tarjouspyynnöt teknisistä asiantuntijapalveluista sekä viher-, remontti- ja LVI -palveluista. Asukassivujen kautta asiointi Tapiolan Lämmön kanssa on helppoa ja huoletonta.

Verkkopalvelun suunnittelu ja toteutus tehtiin tiiviissä yhteistyössä asiakkaan johdon, markkinoinnin, myynnin ja asiakaspalvelun kanssa.

Lopputuloksena on verkkopalvelu, joka on Tapiolan Lämmön uuden brändin mukainen ja toteuttaa tärkeimmät tehtävänsä erinomaisesti.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Verkkokauppa

Mcare Oy on pohjoismaiden johtava Apple-brändin asiantuntija. Yritys on Applen valtuuttama vastuullinen huolto, joka valvoo toimitusketjun eettisyyttä ja ympäristöystävällisyyttä tarkasti. Into-Digital vastasi Mcaren joulukuussa 2020 julkaistun uuden mcared.com-verkkokaupan suunnittelusta ja toteutuksesta. Tätä nykyä yhteistyö jatkuu aktiivisen kehittämisen ja ylläpidon merkeissä.

Verkkopalvelu on toteutettu WordPressin ja sen WooCommerce-verkkokauppalisäosan päälle täysin räätälöidysti. Lisäksi käyttöliittymäkomponentteja on toteutettu niin sanotusti ’’modernein web-teknologioin’’, kun esimerkiksi salamannopeasti operoiva tuotesuodatus on toteutettu JavaScript-kirjasto Vue:lla. Räätälitoteutus edesauttaa sivuston toimivuutta nyt ja jatkossa, ja varmistaa myös optimaalisen hakukonelöydettävyyden.

Lisäosiksikin kelpuutettiin ainoastaan hyväksi todetut, laadukkaat ja tietoturvalliset pluginit muun muassa verkkomaksamiseen liittyen.

Verkkopalvelun raportointi- ja tiedonsiirtotyökaluihin on myös panostettu räätälöidysti: tieto liikkuu ja päivittyy verkkokauppajärjestelmän ja xml-muotoisen tuotetietokannan välillä nopeasti. Lisäksi verkkokaupan myyntiä kyetään seuraamaan ja raportoimaan räätälöidysti lukuisista eri näkökulmista.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Into-Digital uudisti 60 vuotta täyttävän järjestön verkkopalvelun ja vastaamme myös verkkopalvelun ylläpidosta. Uusi verkkopalvelu mahdollistaa tehokkaan digitaalisen markkinoinnin toteuttamisen ja tuottaa entistä enemmän lahjoituksia toiminnan rahoittamiseksi.

Verkkopalvelun ensisijaisena kohderyhmänä ovat Animalian toiminnasta kiinnostuneet potentiaaliset lahjoittajat. Uudistuksessa panostettiin erityisesti ostopolkujen suunnitteluun ja palvelumuotoiluun. Tavoitteena oli toteuttaa käyttökokemukseltaan sujuva, kaikille saavutettava ja lahjoittamisen mahdollisimman helpoksi tekevä verkkopalvelu.

Vastasimme verkkopalvelun suunnittelusta ja toteutuksesta kokonaisuudessaan:
– palvelumuotoilu
– sisältörakenne ja sisällön suunnittelu
– käyttöliittymä ja käyttökokemus (UI ja UX)
– rautalankamallit ja visuaalinen ilme
– tekninen suunnittelu ja toteutus
– integraatiot ja toiminnallisuudet
– projektisuunnittelu ja projektinjohto
– ylläpito ja jatkokehitys

Tekijät: Hasan & Partners (Konsepti, käyttöliittymä ja visuaalinen ilme), Into-Digital Oy (Tekninen suunnittelu ja toteutus)
Tärkein teknologia: Asiakaskohtainen ohjelmointityö
Palvelun tyyppi: Yrityksen sivusto

Into-Digital on vastasi hasan&partners Groupin kolmen yhtiön verkkosivu-uudistuksen teknisestä toteutuksesta: hasanpartners.fi, frankly.fi ja hasanpartnersdesign.fi. Verkkopalveluiden erittäin näyttävän ilmeen & ulkoasun suunnittelu luonnollisesti hasan&partners itse.

Verkkopalvelua voidaan hyvällä omatunnolla kuvata seuraavilla adjektiiveilla: hieno, laadukas, viimeistelty ja moderni. Samalla hasan&partners Groupin eri yhtiöiden tärkeimmät yksittäiset markkinointiviestinnän välineet, verkkosivut, viestivät yhtiöiden osaamisesta niiden ansaitsemalla tavalla.

Verkkosivustot on rakennettu headless-arkkitehtuurilla. Sisällönhallinta ja sivustot ovat toisistaan erillisiä kokonaisuuksiaan.

Sivustojen sisällönhallinta on rakennettu Contentful-palveluun. Contentful tarjoaa vapauden suunnitella sisältörakenteen yksinkertaisten hallintaelementtien pohjalta, jota pystyy tarpeen mukaan rikastamaan ohjelmoimalla omia elementtejä.

Sivustojen käyttöliittymä, eli varsinainen käyttäjille näkyvä toteutus on rakennettu NuxtJS-sovelluksena. NuxtJS on modernien web-sovellusten kehittämiseen loistavasti soveltuva JavaScript-pohjainen sovelluskehys. NuxtJS pohjautuu Vue.js-kirjastoon, joka on Reactin ohella yksi tämän hetken suosituimpia käyttöliittymän rakentamiseen käytettyjä JavaScript-kirjastoja.

Vaikka verkkopalvelu ei ole toiminnallisuuksiltaan kovinkaan monipuolinen, on toteutus monilta osin poikkeuksellisen moderni ja joustava. Sivuston käyttökokemus huokuu laatua niin visuaalisen ilmeensä, että teknisen kyvykkyytensä ansiosta.

Tekijät: Ida Fram Oy (Konseptointi), Into-Digital Oy (UX & UI, tekninen toteutus, ylläpito)
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Yrityksen sivusto

Uudistimme Laatutakuun verkkopalvelun yhdessä sisaryrityksemme Ida Framin kanssa. Uudistuksen tavoitteena oli myynnin kasvattaminen ja uusien Laatutakuu-yrittäjien rekrytoinnin tehostaminen. Ida Fram on toiminut Laatutakuun markkinoinnin kumppanina jo usean vuoden ajan.

Laatutakuun missiona on auttaa yrittäjiksi haluavia henkilöitä menestymään siivous- ja kiinteistönhoitoaloilla ja tarjota asiakkailleen alan laadukkaimpia siivous- ja kiinteistöhuoltopalveluita. Siksi uuden verkkopalvelun tavoitteeksi asetettiinkin potentiaalisten yrittäjien yhteydenottojen ja asiakkaiden tarjouspyyntöjen määrän kasvattaminen.

Verkkopalveluun päätettiin kehittää yrittäjähaku, jolla potentiaalinen asiakas löytää kätevästi oman alueensa Laatutakuu-yrittäjät. Samalla osana verkkosivustoa toteutettiin kaikille yrittäjille omat sivut, joiden tiedot tulevat rajapinnan kautta suoraan Laatutakuun omasta extranetistä.

Verkkopalvelun uudistuksen yhteydessä laitettiin myös perusasiat kuntoon: sivuston käyttöliittymä nykyaikaistettiin vastaamaan käyttäjien tarpeita ja mobiilikäyttäjien kasvava joukko huomioitiin suunnittelussa. Verkkopalvelun visuaalinen ilme nykyaikaistettiin Laatutakuun brändi-ilmeen mukaiseksi.

Into-Digital ja Ida Fram vastasivat projektissa seuraavista työvaiheista:

Palvelumuotoilu ja käyttäjäkokemuksen suunnittelu
Käyttöliittymän ja visuaalisen ilmeen suunnittelu
Sisältörakenne, sisältö ja sisältöjen asentaminen ja muotoilut yhdessä asiakkaan kanssa
Tekninen suunnittelu ja toteutus
Integraatio Laatunet-järjestelmään
Testaus ja julkaisu
Projektijohto ja yhteydet

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Verkkokauppa

Kummit.fi-verkkopalvelu ei enää toteuttanut tarkoitustaan Kummien ensisijaisena lahjoitusvälineenä ja tiedonvälityksen kanavana. Vanhentunut käyttöliittymä esti käyttäjän mutkattoman liikkumisen sivustolla, Kummien värikäs ja hyväntuulinen tunnelma ei välittynyt, eikä digimarkkinointi kukoistanut.

Uusi verkkopalvelu suunniteltiin parantamaan Kummien digitaalista näkyvyyttä ja toteutuksessa huomioitiin alusta saakka, että sisältöjä on mahdollisimman vaivatonta käyttää verkkomainonnassa.

Tekninen hakukoneoptimointi on jokaisen Into-Digitalin toteuttaman sivuston kulmakiviä, ja myös Kummien sivustolla lähdettiin hakemaan markkinoinnin rinnalla mahdollisimman hyvää orgaanista näkyvyyttä.

Sivustolle toteutettiin myös kustomoituja analytiikkatapahtumia, jotta sisältöjä ja markkinointia on mahdollista kehittää jatkuvasti käyttäjälähtöisemmäksi.

Kummien uusi sivusto toteutettiin räätälöidysti WordPress-julkaisujärjestelmällä, jolla saatiin monipuolisuutta sisällönhallintaan käyttäjäystävällisyydestä tinkimättä. Tiedonkäsittelyn sujuvoittamiseksi sivuston lomakkeita integroitiin Salesforce-järjestelmään, ja lahjoitusputki kulkee omassa iRaiser-järjestelmässään.

Verkkokauppa toteutettiin WordPressin WooCommerce-lisäosalla, joka sopi loistavasti pienen mutta monipuolisen verkkokaupan tarpeisiin. Verkkokauppaan saatiin myös helposti tuotua Paytrail-maksurajapinta.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Yrityksen sivusto

Viinilinna on Solera Finlandin kuluttajille suunnattu viestintäkanava. Solera Finland on osa pohjoismaista Solera Beverage Groupia, joka on yksi johtavista alkoholin maahantuojista markkinallamme.

Solera luotti Into-Digitalin käsiin verkkosivu-uudistuksensa suunnittelun ja toteutuksen. Uudistuksen tavoitteina oli vahvistaa Viinilinna-brändiä upealla kuvituksella, mahdollistaa vaivaton sisällönhallinta ja toisaalta luoda salamannopea tuotekatalogi Solera Finlandin tuotteille.

Uusi verkkopalvelu ei näytä käyttäjälle kovinkaan monimutkaiselta vaan pääosin yksinkertaiselta ja saumattomasti toimivalta. Verkkopalveluun on kuitenkin rakennettu räätälöity integraatio Soleran Product Information Management (PIM) -järjestelmään. Lisäksi sivuston modulaarinen toteutus on viety erittäin pitkälle – käytännössä Solera voi muokata viinilinna.fi-sivustosta juuri sellaisen kuin haluaa.

Solera Finlandin Viinilinna-brändi tunnetaan hassunhauskana ja aktiivisena viestijänä. Niinpä sivusto pitää sisällään suuren määrän blogiartikkeleita, joita käyttäjä voi suodattaa oman tarpeensa mukaisesti. Lisäksi sivuston ennustava sisäinen haku tukee käyttäjää – on etsinnässä sitten blogi, tuote tai yhteystiedot.

Verkkopalvelun ensimmäinen versio on julkaistu, mutta hedelmällinen yhteistyö jatkuu WordPress-ylläpidon ja jatkokehityksen muodossa.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Web-sovellus tai asiointipalvelu

Koulukoulu rakentaa siltaa kodin ja koulun välille. Koulukoulu on maksuton verkkokurssi tämän päivän peruskoulusta, tämän päivän peruskoululaisten huoltajille. Enemmän jaettua ymmärrystä, entistä parempaa yhteistyötä. Lasten vuoksi.

Päätettiin toteuttaa verkkopalvelu, joka kokoaa yhteen tietoa tämän päivän peruskoulusta niin, ettei käyttäjä koe oppikokonaisuutta puuduttavana ja siksi jätä verkkokurssia kesken. Tärkeän asian välittämistä lähdettiin ratkomaan saumattomalla käyttökokemuksella, joka mahdollistaa kurssin suorittamisen missä tahansa, millä päätelaitteella tahansa, milloin tahansa ja kuinka monessa osassa tahansa.

Koulukoulu-verkkopalvelu on rakennettu mikropalveluarkkitehtuuria hyödyntämällä. Koulukoulun sisällönhallinta, käyttäjähallinta ja käyttöliittymä ovat kaikki tosisistaan erillisiä kokonaisuuksiaan.

Koulukoulun sisällönhallinta on rakennettu WordPress-julkaisujärjestelmän päälle. Koska sisällönhallinta on täysin erillään varsinaisesta julkisesta verkkopalvelusta, sen taustalle riittää ihan tavallinen web-hotelli. Kun REST-rajapinnan kautta varsinaiseen verkkopalveluun kulkevat sisällöt välitetään CDN-palvelun kautta, sisällönhallinnan taustalla olevaa palvelinta ei kuormiteta juuri lainkaan.

Koulukoulun käyttöliittymä, eli varsinainen käyttäjille näkyvä toteutus on rakennettu NuxtJS-sovelluksena. NuxtJS on modernien web-sovellusten kehittämiseen loistavasti soveltuva JavaScript-pohjainen sovelluskehys. NuxtJS pohjautuu Vue.js-kirjastoon, joka on Reactin ohella yksi tämän hetken suosituimpia käyttöliittymän rakentamiseen käytettyjä JavaScript-kirjastoja.

Kun verkkopalvelun tulee varautua vaihteleviin kävijämääriin ja suuriin kävijäpiikkeihin, kannattaa palvelinalustaksi useimmiten valita skaalautuva pilvipalvelu. Koulukoulun alustaksi valittiin Googlen Cloud Run -pilvipalvelu. Google Cloud Run on moderni saumattomasti skaalautuva Serverless-tyyppinen pilviympäristö, joka soveltuu hyvin esimerkiksi juuri Koulukoulun kaltaisten NuxtJS-sovellusten alustaksi. Pienenä bonuksena Cloud Runin osalta voidaan nostaa esille myös se, että sen europe-north1-lokaatio sijaitsee fyysisesti Suomessa. Kun NuxtJS-sovelluksen paketointiin hyödynnetään lisäksi Googlen Cloud Build -palvelua, sovelluksen muutokset siirtyvät automatisoitujen toimintojen avulla sekunneissa kehittäjän työpöydältä verkkopalvelun käyttäjien saataville – ilman käyttökatkoja.

Koska kyseessä on verkkokurssi, palvelussa käsitellään paljon käyttäjäkohtaista dataa. Verkkokurssin käyttäjädatalle on lisäksi ominaista se, että datan tulee olla reaaliaikaista, ja että sitä sekä haetaan että tallennetaan toistuvasti. Tästä saattaa varsinkin suurilla käyttäjämäärillä muodostua palvelun kuormituksen ja suorituskyvyn kannalta pahin pullonkaula. Koulukoulun osalta oli siis varsin loogista ja tärkeää, että myös käyttäjähallinta erotettiin omaksi kokonaisuudekseen. Koulukoulun käyttäjähallinnassa luotettiin Googlen Firebase -pilvipalveluun. Firebase tarjoaa valmiit taustatoiminnot oleellisimpiin käyttäjätoimintoihin, kuten esim. autentikointiin sekä salasanan palauttamiseen ja vaihtamiseen. Kun myös kaikki käyttäjäkohtainen data on tallennettuna Firebase-palvelun sisällä olevaan Cloud Firestore NoSQL-tietokantaan, käytössä on käyttäjämääristä ja muista järjestelmistä riippumaton skaalautuva käyttäjähallinnan kokonaisratkaisu.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Verkkokauppa

Into-Digital suunnitteli ja toteutti Picnic Yhtiöiden Europicnicille uuden verkkopalvelun, jossa yhdistyy yrityksen verkkosivut ja verkkokauppa. Asiakkaille virtuaaliset ovet avautuivat huhtikuussa 2020. Julkaisujärjestelmänä toimii WordPress yhdessä WooCommercen kanssa.

Avainroolissa hankkeessa oli verkkokaupan määrittely: miten tuotteita voi selata ja hakea, miten ostopolku toimii ja miten käyttäjiä hallitaan. Ennen toteutusta oli myös tutkittava integraatiot verkkopalvelun ulkopuolisiin järjestelmiin, jotta data liikkuisi sukkelasti ja manuaalisesta tietojen päivittämisestä eri alustoille voisi luopua.

”Meillä oli paljon standardista poikkeavia toiveita ja vaatimuksia. Useimpiin näihin löytyi ratkaisu, jos ei suoraan hyllyltä, niin asiantuntijoiden ratkaisemana. Into-Digitalin Antti Lassila on huikea ammattilainen, jolta löytyi aina vaihtoehtoja ratkaisuksi”, Europicnicin toimitusjohtaja Antti Leppävuori kiteyttää.

Verkkopalvelun ensimmäinen versio on julkaistu, mutta projektin aikana tunnistettiin useita kehityskohteita. Seuraavaksi luvassa on tulosten mittaamista ja seurantaa, joiden pohjalta on hyvä jatkaa kehittämistä. Suunnitelmissa on myös lähteä hyödyntämään uuden palvelun potentiaalia hakukonemarkkinoinnin ja verkkomainonnan maailmassa.

Tekijät: Into-Digital Oy (Tekniikka, jatkokehitys ja ylläpito), Taiste (Konseptisuunnittelu ja visuaalinen suunnittelu)
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Yrityksen sivusto

Into-Digital vastasi alkukeväästä 2020 julkaistun Savonlinnan Oopperajuhlien verkkosivuston uudistuksen teknisestä toteutuksesta. Käyttöliittymän ja visuaalisen ilmeen suunnittelusta vastuussa oli Taiste.

Verkkosivuston keskeisiä toimintoja ovat ohjelmakalenteri ja sopivan näytöksen lippujen ostaminen. Lisäksi käyttäjiä palvellaan tapahtumakalenterilla, joka listaa kätevästi festivaalipäivien sisällöt käyttäjän nähtäville.

Verkkosivusto on rakennettu täysin räätälöidysti WordPress-julkaisujärjestelmän päälle. Sivustolle on toteutettu lukuisia eri moduuleja, joilla ylläpitäjät saavat luotua haluamansa näköisiä sivuja verkkosivustolle.

Into-Digitalin ja Oopperajuhlien yhteistyö jatkuu ylläpidon, tuen ja jatkokehityksen merkeissä.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Verkkokauppa

Into-Digital suunnitteli ja toteutti perinteisten lehtien, kuten Tex Willerin ja Asterixin, kustantajalle Egmont Kustannukselle verkkokaupan. Hanke alkoi palvelumuotoilu- ja määrittelytyöllä, jonka jälkeen Into-Digital vastasi toteutuksesta kokonaisuudessaan aina julkaisuun ja jatkokehitykseen sekä ylläpitoon saakka.

Hankkeen keskeisenä haasteena oli mahdollistaa käyttäjälle selkeä ostopolku ja helppo ostaminen. Täten palvelumuotoilussa ja suunnittelussa käytettiin erityisen paljon aikaa verkkokaupan käyttökokemukseen.

Hanke oli teknisesti monisyinen – verkkokaupan ja ulkoisten järjestelmien välille toteutettiin lukuisia joko yksi- tai kaksisuuntaisia integraatioita. Verkkokaupan teknisenä alustana toimii WordPress ja sen WooCommerce-lisäosa. Julkaistu verkkopalvelu on ylittänyt Egmont Kustannuksen odotukset ja myynti verkossa on lähtenyt räjähdysmäiseen kasvuun. Yhteistyö Into-Digitalin ja Egmont Kustannuksen välillä jatkuu verkkokaupan ylläpidon ja jatkokehityksen merkeissä.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Into-Digital suunnitteli ja toteutti Suomen Vuokranantajille uuden markkinointiviestinnällisen kotipesän, joka julkaistiin lokakuussa 2019. Hankkeen tavoitteet olivat selkeät: kasvattaa jäsenmäärää ja palvella nykyisiä jäseniä mahdollisimman selkeästi sekä suoraviivaisesti.

Into-Digital ja Suomen Vuokranantajat satsasivat yhteistyössään huomattavan paljon palvelumuotoiluun. Haluttiin tutkia ja selvittää, minkälaiset kävijät verkkopalvelua käyttävät, minkälaista tietoa he etsivät ja miten he sitä etsivät.

Into-Digital vastasi verkkopalveluhankkeesta kokonaisuudessaan, aina aloitusworskhopista palvelun julkaisun kautta ylläpitoon saakka.

Verkkopalvelun v 1.0 on nyt julki, mutta yhteistyö jatkuu. Tarkoituksena on digitaalisen markkinoinnin keinoin kasvattaa uuden verkkopalvelun kävijäliikennettä, analysoida liikennettä ja kehittää verkkopalvelua entisestään.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Verkkokauppa

Into-Digital suunnitteli ja toteutti Suomen Partiolaisten adventtikalenteri.fi -verkkopalvelu-uudistuksen kesällä ja syksyllä 2019. Palvelu julkaistiin lokakuun alussa 2019, ja kalenterien myynti alkoi virallisesti 15.10.2019.

Adventtikalenteri on yksi Partiolaisten tärkeimmistä yksittäisistä varainhankintamuodoista, joten uudistuksen tavoitteeksi asetettiin kalenterimyynnin kasvattaminen entisestään. Toteutettavan palvelun tarkoituksena oli tukea kalenterimyynnin lisäksi järjestön sisäisiä prosesseja.

Into-Digital vastasi verkkopalveluhankkeesta kokonaisuudessaan, aina aloitusworskhopista palvelun julkaisun kautta ylläpitoon saakka.

Verkkopalvelu toteutettiin WordPress-julkaisujärjestelmän päälle ja ostopolku rakennettiin räätälöidysti ilman WordPressin WooCommerce-lisäosaa.

Tekijät: Hasan & Partners (Konsepti), Into-Digital Oy (Tekninen toteutus)
Tärkein teknologia: Asiakaskohtainen ohjelmointityö
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Web-sovellus tai asiointipalvelu

Palkitun mobiilisovelluksen ideana on, että nuoren tytön puhelimeen voi asentaa näppäimistön, joka ehdottaa automaattisesti tytön itsetuntoa vahvistavia sanoja ja lauseita. Ehdotukset perustuvat sekä manuaalisesti luotuihin suosittelu- ja estolistoihin, että vahvojen naiskirjoittajien tekstien analysointiin tekoälyn avulla.

Sovellus on saatavilla Android-laitteille Google Play -kaupasta.

Supported by: Samsung Electronics Nordic
Konseptisuunnittelu: Hasan & Partners
Tekninen toteutus: Into-Digital

Maailmanlaajuisesti valtavan näkyvyyden saavuttanut Sheboard-sovellus on myös saanut ansaitsemaansa tunnustusta mm. Grand One 2018 -ehdokkuuden muodossa. Suurin mobiilisovelluksen saama tunnustus kuitenkin lienee sen kesällä 2018 pokkaama pronssipatsas Cannes Lions -festivaaleilta.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

”Missä elämäntilanteessa sinä olet? Korhosten perhe kertoo verotukseen ja Kelan tukiin liittyvistä asioista esimerkkien avulla.”

Into-Digital suunnitteli ja toteutti Verohallinnolle ja Kelalle Me Korhoset -kampanjan verkkosivut. Käy oheisesta linkistä tutustumassa sivustoon, joka auttaa kävijöitä nerokkaalla, esimerkkejä hyödyntävällä tavalla sisäistämään verotukseen ja tukiin liittyviä monimutkaisia aihealueita.

Sivustolla keskeistä on Facebook-yhteys – suurin osa WordPressin päälle rakennetun sivuston sisällöstä tuodaan Facebookista kuvitteellisen Korhosten perheenjäsenien toimesta.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Palvelun tyyppi: Verkkokauppa

Into-Digital suunnitteli ja toteutti kello- ja koruliike Lindroosille verkkokaupan. Rooli projektissa oli kokonaisvaltainen – Into vastasi palvelumuotoilusta, teknisestä määrittelystä, käyttöliittymän ja visuaalisen ilmeen suunnittelusta sekä teknisestä toteutuksesta. Verkkokauppa-alustana toimii WooCommerce yhdessä WordPressin kanssa.

Verkkokauppahankkeen jälkeen lindroos.fi -palvelun kylkeen on rakennettu Lindroos-myymälöille oma asiakastietojärjestelmä, joka on integroitu verkkokauppaan.

Molemmat palvelut ovat Into-Digitalin ylläpidon ja jatkokehityksen piirissä.

Tekijä: Into-Digital Oy
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Yrityksen sivusto

Kristina Cruisesille tehty laaja verkkosivuhanke piti sisällään muun muassa integraatioita, modulaaristen sivupohjien rakentamista ja some-jakotoiminnallisuuden asettamista. Suosikkilistaus lukeutuu myös sivuston avaintoiminnallisuuksiin. Kristina Cruisesin verkkosivuilta löytyy lisäksi blogi, erilaisia lomakkeita ja kattava hakutoiminto.

Into-Digital kiittää Kristina Cruisesia luottamuksesta & toivottaa onnittelut uuden verkkopalvelun julkaisun kunniaksi, vaikka yhteinen taival jatkuukin verkkopalvelun ylläpidon ja jatkokehityksen suhteen.

Kristina Cruisesin projektista vastannut Head of Customer Experience Antti Partanen kuvaa hanketta seuraavasti: ”Toteutimme edelliset verkkosivut myös yhteistyössä Into-Digitalin kanssa. Tarjouskierroksen jälkeen vakuutuimme jälleen heidän tavastaan toimia suoraviivaisesti ja selkeästi. Projektin aikana ilmenneet lisätoiminnallisuustarpeet ja integrointiin liittyneet haasteet saatiin tehokkaasti hoidettua ja olemme lopputulokseen hyvin tyytyväisiä.”

Tekijät: Ida Fram Oy (Visuaalinen suunnittelu), Into-Digital Oy (Tekninen toteutus)
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Yrityksen sivusto

Into-Digital tuotti Lammille uudet verkkosivut yhdessä sisaryhtiömme Palvelumarkkinoinnin toimisto Ida Framin kanssa. Ida Fram vastasi verkkosivuston suunnittelusta – Into puolestaan totutusti teknisestä toteutuksesta. Sivuston visuaalisuus perustuu hyvin pitkälti Lammin erittäin näyttävään ja ansiokkaaseen kuvamaailmaan. Kaikki Lammin tämänhetkiset talomallit ovat nähtävillä sivustolla. Talomallistolle on rakennettu laaja filtteröinti, joka helpottaa käyttäjää löytämään juuri oikean talon.

Teknisestä näkökulmasta projektissa onnistuttiin toteuttamaan sisällönhallintaan modulääriset, monipuoliset ja helppokäyttöiset työkalut niin, että sivuston ilme pysyy yhtenäisenä ja toiminta responsiivisena.

Tekijät: Into-Digital Oy (Tekninen toteutus), Miltton Oy (Visuaalinen suunnittelu)
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Kampanjasivusto

Yhdessä Milttonin kanssa toteutettu verkkosivusto, joka toimii tärkeässä roolissa osana kansallisesti ja kansainvälisesti suurta mainetta niittänyttä Sultanin F*ck like a Finn -kampanjaa. Into vastasi sivuston teknisestä toteutuksesta.

Milttonin toteuttama kampanja palkittiin vuoden 2017 European Excellence Awardseissa vuoden parhaana pohjoismaisena työnä.

Tekijät: Ida Fram Oy (Visuaalinen suunnittelu), Into-Digital Oy (Tekninen toteutus)
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Yrityksen sivusto

Toteutimme Helsingin satamalle sähköisen vuosikertomuksen yhdessa Ida Framin kanssa. Vuoden 2017 vuosikertomus oli Helsingin sataman ensimmäinen verkkovuosikertomus, ja sen avulla haluttiin saavuttaa aikaisempaa suurempi yleisö. Ida Fram suunnitteli sivuston visuaalisen ilmeen – Into-Digital vastasi sivuston teknisestä suunnittelusta ja toteutuksesta. Vuosikertomuksen suunnittelun yksi lähtökohdista oli se, että nyt tehtyä teknistä ja visuaalista perustaa on mahdollista hyödyntää tulevien vuosien vuosikertomuksissa.

Vuosikertomukseen luotiin ”sähköinen sisällysluettelo”, joka parantaa vuosikertomuksen luettavuutta ja helpottaa käyttäjän navigointia. Toteutimme sivustolle myös aikajanan, jonka avulla käyttäjä saa helposti yleiskäsityksen sataman vuodesta helpolla ja näyttävällä tavalla. Lisäksi sivustolle toteutettiin näyttävät graafit visualisoimaan sataman avainlukuja. Vuosikertomus on kieliversioitu suomeksi ja englanniksi.