Interpedia verkkosivusto ja verkkokauppa

Toimiston ilmoittama referenssi

Tekijä: redandblue

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Järjestön verkkopalvelu, Verkkokauppa

Erityistä: Projektin osana tehty käyttäjätutkimus oikeilla loppukäyttäjillä

Interpedia ry on 70-luvulla perustettu voittoa tavoittelematon, poliittisesti ja uskonnollisesti sitoutumaton kotimainen kansalaisjärjestö.

Interpedia tekee töitä lasten hyväksi. Yhdistyksessä työskennellään sen puolesta, että jokaiselle lapselle kuuluva oikeus hyvään ja turvattuun lapsuuteen toteutuisi mahdollisimman monen kohdalla.

Adoptiovanhempien perustama järjestö on kasvanut keskikokoiseksi järjestöksi, jolla on kaksi toiminta-aluetta: kansainvälinen adoptio ja kehitysyhteistyö.

Lähtökohta

Interpedian vanha verkkopalvelu oli tullut tiensä päähän. Graafinen ilme oli pölyttynyt, sivurakenne oli muuttunut sekavaksi ja teknisesti palvelu vaati uudistamista.

Palvelusta haluttiin saavutettava. Sivuston tarkoituksena oli tukea molempia yhdistyksen painopisteitä, adoptiopuolta sekä kehitysyhteistyötä.

Adoptioprosessi haluttiin kuvata selkeästi, ja palvelusta toivottiin käyttäjälähtöistä ja mutkatonta koko adoptioprosessin varrelle.

Kehitysyhteistyön puolella toivottiin, että kohdemaita saadaan entistä paremmin esille palveluun. Lahjoitusmahdollisuuksia ja aineettomien lahjojen lahjoitusmahdollisuuksia toivottiin parannettavan. Palveluun toivottiin verkkokauppaa aineettomille lahjoille, lahjoituksille että myytäville tuotteille.

Tiedonkeruu suunnittelun tukena

Suunnittelu aloitettiin tiedonkeruuvaiheella. Tutustuimme analytiikkaan ja keräsimme käyttäjäymmärrystä kevyillä haastattelukierroksilla omassa lähipiirissämme. Adoptio on pitkä prosessi, jota valvotaan viranomaisten toimesta. Prosessin aikana adoptiota hakeva vuorottelee asioidessaan adoptiota järjestävän yhdistyksen kanssa sekä viranomaisten kanssa. Pyrimme ymmärtämään millaisia kysymyksiä, haluja ja tarpeita adoptioprosessin eri vaiheissa syntyy. Mietimme miten palvelu voisi tukea jokaisessa vaiheessa entistä paremmin.

Uusi palvelu ottaa adoptiota hakevan paremmin huomioon joka vaiheeessa; tiedonhakuvaiheessa, lupaprosessin aikana ja adoption jälkeen.

Mitä tutkimuksesta selvisi?

Tutkimuksen aikana selvisi, että adotioprosessin turhauttavin vaihe on lapsiesityksien odottaminen, eli kansakielellä jonottaminen. Adoptiolasta odotetaan kauan, ja koska on kyse ihmiskohtaloista, lapsiesityksiä annetaan ilman tarkkoja aikatauluja. Toimme uudessa palvelussa lapsiesitykset isoon rooliin jo palvelun etusivulle. Lisäksi loimme palveluun lohkon, jolla adoptiota miettivä saa ilmaiseksi tilattua verkkokaupasta kotiinsa adoptiotietopaketin.

Kehitysyhteistyöpuolella rakensimme WooCommerce-verkkokaupan. Lahjoittamisesta ja ostamisesta tehtiin virtaviivaisempaa ja helpompaa. Uusia lahjoitustapoja otettiin käyttöön, ja tietoa niistä löytyy uudessa palvelussa helpommin kuin aikaisemmin.

Kaksi eri osiota, kaksi eri kohderyhmää

Palvelun kaksi eri osiota – adoptiopuoli sekä kehitysyhteistyöpuoli – haluttiin erottaa visuaalisesti toisistaan. Eri palvelun osioille valittiin omat värimaailmat. Adoptiopuolella väripaletti on asiallisempaa, kun taas kehitysyhteistyöpuolella iloista ja huomiota herättävää.

Osioita pyrittiin pitämään erillään myös toiminnallisuuksien osalta. Teimme tiukan rajauksen siihen, ettei kehitysyhteistyö osion lahjoituksia mainosteta adoptio-puolella.

Palvelun hallinta

Palvelun käyttöliittymä rakennettiin ylläpitäjälle mahdollisimman joustavaksi ja helpoksi. Dynaamisilla lohkoilla on mahdollista tehdä vaihtelevia sivuja sekä täyteen palstaleveyteen, että kapeampaan sisältöpalstaan. Loimme valmiita sivupohjia, jotka helpottivat palvelun rakentamista.

Hallinnasta on mahdollista kytkeä lahjoitusnostoja yhdellä napin painalluksella, ja erilaisia sisältöjä on vaivaton nostaa sisältösivujen yhteyteen. Jos esimerkiksi sivulla puhutaan Nepalista, voidaan samalle sivulle nostaa helposti ilmoitus, jossa käyttäjää kehoitetaan lahjoittamaan lukutaito muutamalle Nepalilaiselle lapselle pienellä aineettomalla lahjalla.

Visuaalinen uudistus

Kun palvelun uudistuksessa alettiin miettiä verkkopalvelun visuaalisuutta, huomattiin yhdistyksen graafisen ilmeen olevan uudistuksen tarpeessa. Interpedian logo oli vanha, väripaletti suppea eikä yhdistyksellä ollut graafista ohjeistoa. Yhdistyksellä oli paljon valokuvia, mutta kuvat olivat keskenään eriparisia.

Työ aloitettiin täydellä brändiuudistuksella. Vanhassa logossa toistuva “lapsipiiri” säilyi modernisoituna uudessa logossa. Ilmeestä haluttiin samaan aikaan iloinen ja leikkisä, mutta myös vakavasti otettava.

Projektin pääsuunnittelijana toimiva Mika lahjoitti projektiin myös Nepalissa ottamiaan valokuvia paikallisista lapsista, joita nähdään palvelussa. Kuvia täydennettiin Mikan reissukaverin kuvilla.

Graafisen uudistuksen myötä verkkopalvelu sai uuden modernin ilmeen, joka ilmentää yhdistyksen arvoja.

Uudistuksen tulokset

Uusi palvelu alkoi tuottamaan tuloksia välittömästi julkaisun jälkeen. Kehitysyhteistyöpuolelle saatiin uusia kummeja, ja tuotteiden myynti ja lahjoitusten määrässä nähtiin heti kasvua.

“Palvelusta tuli parempi, kuin mitä olisin kuvitellut”
“Mobiilikäyttöliittymä on kerännyt kiitosta.”
“Uutta palvelua pystyy muokkamaan paljon laajemmin, kuin vanhaa.”
“Oli helppoa osallistaa tiimiä sisällönsyöttövaiheessa, kun oli hyvät välineet.”
“Redandbluen työtavoissa ja työkaluissa oli iso edistysaskel aikaisempiin verkkopalveluiden läpivienteihin.”

Lue lisää: Verkkokaupan uudistus – kaikki julkaisut Vierityspalkissa


Sinua voisi kiinnostaa myös

Helsingin Satama

Tekijä: Karhu Helsinki

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Julkishallinnon verkkopalvelu, Yrityksen sivusto kuluttajille

Erityistä: Projektin osana tehty käyttäjätutkimus oikeilla loppukäyttäjillä

Helsingin Satama uudisti verkkosivunsa yhdessä digitoimisto Karhu Helsingin kanssa. Helsingin Satama on yksi Euroopan vilkkaimmista matkustajasatamista ja Suomen ulkomaankaupan väylä maailmanmarkkinoille. Karhu Helsinki vastasi uuden Portofhelsinki.fi-sivuston konseptoinnista, suunnittelusta ja rakentamisesta tiiviissä yhteistyössä mittavan sisältötyön tehneen Sataman viestintätiimin kanssa. Projektin pohjaksi tehtiin käyttäjätutkimus ja se vietiin läpi samanaikaisesti Sataman brändiuudistuksen kanssa. Uuden sivuston julkaisujärjestelmänä toimii WordPress. […] Lue lisää

BCI-verkkosivuston uudistus

Tekijä: redandblue

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Yrityksen sivusto yritysasiakkaille (B2B)

Rakensimme BCI:lle verkkopalvelun, jossa yhdistyy yrityksen asiantuntijuuden ja palveluiden selkeä esilletuominen sekä raikas uusi ilme. BCI on Suomen suurin coaching-kouluttaja ja aktiivinen alan kehittämisyhteisö. BCI:n koulutusten lähtöajatuksena on se, että toisen kohtaamisen kautta keskustelusta lähtee avautumaan jotain uutta. Coaching-osaamisella on yhä tärkeämpi merkitys muuttuvassa työelämässä. Business coaching on ympäri maailmaa muodostunut suosituksi ihmisten ja organisaatioiden […] Lue lisää

TET.fi – Työelämätaitojen verkkokurssi

Tekijä: Alfons Digital

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Järjestön verkkopalvelu, Oppilaitoksen verkkopalvelu

Tehtävänämme oli suunnitella TET.fi – Työelämätaitojen verkkokurssille helppokäyttöinen ja kokemuksellinen käyttöliittymä ja toteuttaa se kohderyhmää houkuttelevaksi pedagogiseksi kokonaisuudeksi yhteistyössä Lasten ja nuorten säätiön asiantuntijoiden kanssa. WordPress Gutenberg -sisällönhallinnasta suunnittelimme moneen käyttötarkoitukseen mukautuvan, joka mahdollistaa kokemuksellisten oppimiskokonaisuuksien rakentamisen myös tulevaisuudessa. Teoria- ja videosisältöjen lisäksi materiaali sisältää kevyitä ja innostavia tehtäviä, joita nuoret voivat toteuttaa sekä yksin […] Lue lisää

Design Forum

Tekijä: redandblue

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Projektin tyyppi: Järjestön verkkopalvelu

Erityistä: Web-analytiikan ja -raporttien konfigurointi osana projektia

Design Forum Finlandia ylläpitää Suomen Taideteollisuusyhdistys – Konstflitföreningen i Finland ry, joka on perustettu vuonna 1875. Yhdistyksen jäseninä on muotoilualaa lähellä olevia yrityksiä ja organisaatioita. Design Forum Finlandin verkkopalvelu-uudistus aloitettiin konseptointityöpajoilla. Konseptoinnissa esiin nousi erityisesti jäsenten palveleminen sekä sivuston hierarkian uudistus. Myös ulkoasullisesti haluttiin luoda uutta – edellisen, pääasiassa mustaa ja valkoista hyödyntävän sivuston sijaan […] Lue lisää

Kehityspolitiikan tulosraportti 2022

Tekijä: redandblue

Tärkein teknologia: Asiakaskohtainen ohjelmointityö

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Julkishallinnon verkkopalvelu, Web-sovellus, mobiilisovellus tai asiointipalvelu

Ulkoministeriö tuottaa ja julkaisee Kehityspolitiikan tulosraportin neljän vuoden välein. Kehityspolitiikan tulosraportti 2022 esittelee kehityspolitiikan ja kehitysyhteistyön tuloksia vuosilta 2019–2021. Julkaistu tulosraportti osoittaa, että Suomen kehitysyhteistyö tuottaa tuloksia, vaikka pandemia, konfliktit ja ilmastonmuutos ovat hidastaneet myönteistä kehitystä maailmalla. Infografiikkaa, karttoja ja datatauluja Kehityspolitiikan tulosraportti toteutettiin yhtäaikaisesti printti- ja verkkoversiona. Redandblue suunnitteli printtitoteuksen edetessä elementtien ja raportin […] Lue lisää

Hollolan kunnan verkkosivusto

Tekijä: redandblue

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Julkishallinnon verkkopalvelu, Kunnan verkkopalvelu

Erityistä: Saavutettavuus testattu ja huomioitu osana projektia

Hollolan kunta on Päijät-Hämeessä sijaitseva, n. 23 000 asukkaan kunta. Hollolan kunnan brändi oli uudistettu muutama vuosi aiemmin, ja nyt oli aika tuoda brändi esiin entistä paremmin uuden verkkopalvelun (www.hollola.fi) myötä. Hollolan kunnan aiemmassa, sekä tekniikaltaan että sisällöiltään paikalleen jämähtäneessä verkkopalvelussa kokonaisuus oli hajanainen ja vaikeasti hahmotettava. Uuden verkkopalvelun lähtökohtana olikin käyttäjälähtöisyys ja selkeys. Uudistuksessa […] Lue lisää

Vierityspalkki.fi

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. Uutiskirjeellä on jo yli 1000 tilaajaa.


Tilaa uutiskirje.

  • 40-50 asiantuntija-artikkelia vuosittain.

    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. Julkaistuja artikkeleita jo yli 1000 kappaletta.


    Kaikki artikkelit

  • 150-200 julkaistua referenssicasea joka vuosi.

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


    Selaa toimistojen julkaisuja

  • 300-400 työpaikkailmoitusta vuosittain.

    Vuodesta 2007 toiminut ilmoituspalsta on edelleen sivuston suosituin osio. Moni asiantuntija on löytänyt useammankin työpaikan palstan kautta vuosien varrella.


    Selaa avoimia työpaikkoja

  • 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