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 myöskään sisällöntuottajien näkökulmasta, sillä tietoa oli syötettävä moneen eri paikkaan.

Aiemmassa ratkaisussa Mafyn sivusto ja verkkokauppa olivat kaksi erillistä järjestelmää, ja yksi tavoitteistamme olikin sivuston ja verkkokaupan yhdistäminen samalle alustalle. Vaikka Mafyn tuotteet itsessään olivat kohderyhmille houkuttelevia, ei sivuston vanha ulkoasu tukenut tätä mielikuvaa parhaalla tavalla. Sivusto ei myöskään johdatellut käyttäjiä ostamaan Mafyn materiaaleja ja palveluita: verkkokauppaan oli vaikea navigoida etusivun kautta, tuotetyyppien eroja oli vaikea ymmärtää ja oikean tuotteen löytäminen oli hankalaa.

Yhteistyömme kenties tärkeimmäksi teemaksi nousikin sivuston selkeys. Mafyn haluttiin viestivän vakautta ja luotettavuutta, sillä se tuottaa paljon laadukkaita oppimateriaaleja. Samalla mielikuvaa haluttiin tasapainottaa modernilla ulkoasulla ja nuorekkuudella, koostuuhan sen kohderyhmä ensisijaisesti nuorista opiskelijoista.

Uudistuksen painopisteinä olivat selkeämmän rakenteen lisäksi tarkemmin määritellyt ostopolut, raikas ja moderni ulkoasu, sivustolle saumattomasti sulautettu verkkokauppa sekä käyttäjäystävällisempi mobiilikäyttöliittymä.

Mafyn verkkokauppa toteutettiin WooCommercella kiinteäksi osaksi sivustoa ja valmennustuotteet syötetään nyt WooCommercen tuotteina. Käyttäjän ostopolku toimii sujuvasti ilman kirjautumista. Koska verkkokauppa integroitiin osaksi sivustoa, on kurssien tietoa mahdollista tuoda laskeutumissivuille kootusti. Tämä helpottaa merkittävästi ylläpitäjien työtä. Aiemmalta sivustolta puuttui myös paikka artikkelimuotoiselle sisällölle. Mafy tuottaa paljon laadukasta ja kävijälle hyödyllistä sisältöä, kuten yo-kokeiden mallivastauksia, lukuvinkkejä ja pääsykoevinkkejä. Tieto nostetaan nyt aihepiirin mukaan automaattisesti relevanteille laskeutumissivuille.

Aiemmin ostoprosessi oli piilotettu useamman klikin taakse. Sivustolla on nyt selkeä ”Ilmoittaudu”-CTA ja verkkokauppa. Sivuston rakenne tukee ostamista kokonaisuudessaan. Mobiilinäkymissä päätasot tuodaan korostetusti esiin ja muut sivut esitettiin pienemmällä prioriteetilla. Ilmoittautuminen ja ostoskori ovat nyt yhden klikin takana.

Uusi Mafy-sivusto on aiempaa huomattavasti selkeämpi ja ulkoasultaan raikkaampi, mikä parantaa sivustolla asiointia käyttäjän näkökulmasta. Uusi ulkonäkö tukee myös Mafyn brändiä ja laatumielikuvaa. Selkeämpi navigaatio ja uusi rakenne tekevät sivuista huomattavasti helpommin silmäiltävämpiä ja tuotetyyppien eroja on helpompi ymmärtää.