Fressis

Fressis.fi – teknisesti ja visuaalisesti erottuva ja innostava nuorten sivusto 09.2025

Fressis on nuorille suunnattu palvelukokonaisuus, joka tarjoaa tietoa, tukea ja kannustusta terveellisiin elintapoihin ja hyvien valintojen tekemiseen omassa arjessa.
Fressis.fi:n multisite-uudistuksessa yhdistettiin erottuva ja innostava visuaalisuus, nuorten osallistava konseptointi sekä laajat migraatiot ja huolellinen tekninen suunnittelu – laadukas järjestöratkaisu, joka erottuu ja puhuttelee. Palvelu on Suomen Syöpäjärjestöjen ylläpitämä.


Nuorten näkökulma muuttajana

Nuoret toimivat mukana jo työpajoissa, konseptien kehityksessä ja palautteen antajina – heidän palautteestaan muodostui sivuston ääni ja tyyli. Tämä osallistaminen varmisti, että sisältö ja käyttökokemus kohtaavat kohderyhmän.

Ratkaisut, jotka tekevät eron

Projekti alkoi nuorten kanssa tehdyllä käyttäjätutkimuksella ja laajalla konseptointivaiheella, jonka jälkeen toteutettiin WordPress-multisite-ympäristö migraatioineen. Sivustolle rakennettiin STEA-raportointiin sopiva Leaper-palauteominaisuus ja osuvia animaatioita lisättiin visuaalisen elämyksen vahvistamiseksi. Lopputulos on sivusto, jossa tekninen vakaus ja visuaalisuus kulkevat käsi kädessä.

Nostot

  • Nuoret mukana suunnittelussa – konsepti syntyi käyttäjätutkimuksesta
  • Leaper-palautejärjestelmä mahdollistaa suoran palautteen vaikuttavuudesta
  • Visuaalisesti erottuva ja teknisesti viimeistelty multisite-toteutus

Keskeiset avainominaisuudet

  • Laaja konseptointivaihe – livenä pidetty käyttäjätutkimus ja palautteen kerääminen prototyypistä nuorten kanssa
  • Sovellusmainen käyttöliittymä – suunnittelussa kuunneltu nuorten tapoja käyttää sisältöjä
    Erottuva ja innostava visuaalinen design – laadukkaat animaatiot ja herkulliset kohderyhmään vetoavat värit
  • Multisite-arkkitehtuuri: eri osiot hallittavissa yhtenä kokonaisuutena
    Laajat sisällön migraatiot ja tekninen suunnittelu – sisältö säilyi mutta muotoutui uudelleen nuorten tarpeisiin
  • Mobiilikäytettävyyden ja saavutettavuuden (WCAG) priorisointi
  • Leaper-palautejärjestelmän rakentaminen STEA-raportointia varten – suora palaute nuorilta vaikuttavuudesta
  • Hakukoneoptimoitu rakenne ja sisältö
  • Sisälöntuottajille räätälöity kolmen kerran laaja SEO-koulutus joka huomioi rakenteessa tekoälyjen ja hakukoneiden tapaa lukea sisältöä ja ehdottaa vastauksia hakukoneissa
  • Ylläpito ja säännölliset jatkokehityspalaverit

Trimedia onnistui luomaan sivuston, joka todella puhuttelee nuoria – visuaalisesti, sisällöllisesti ja käytettävyyden osalta. Yhteistyö oli sujuvaa ja asiantuntevaa alusta loppuun.

Asiakas, Syöpäjärjestöt

Projektissa mukana

Noora Ojanen

Designer

UI/UX-design, Branding, Marketing, Illustration

Joni Karjalainen

Senior Web Developer

Front-End Development, Support, Digital-Marketing

Toni Leinonen

Web Developer

WordPress, Front-End Development

Tuuli Strandman

Senior Marketing Specialist

Web Analytics, SEO, Project Management, Digital Marketing

Jenna Saksola

Content Strategist

E-Commerce, Support, Digital Marketing, Project Management

Esa-Pekka Autio

Web Developer

Front-End Development, Back-End Development, UX/UI-design, Animations

Muita toteutuksia

Flovi: Räätälöity ja muokattava verkkosivusto Statamicilla

Luoto.info: Järjestön asiantuntijatukea multisite-ratkaisuna

Sekasin Kollektiivin sivustouudistus – visuaalisuutta, saavutettavuutta ja vaikuttavaa datan esittämistä