Sivusto, jota on helppo käyttää ja ilo katsoa
Kaikki lähtee siitä, miten kävijän on mahdollisimman vaivatonta käyttää sivua ja miten sivulta löytyy kaikki tarpeellinen. Brändisi näköinen ulkoasu sinetöi kokonaisuuden.
Tarpeista prototyyppiin ja ulkoasusta valmiiseen sivustoon
Projektin pohja luodaan yhteisessä määrittelytyöpajassa, jossa selviää, mitä sivuston pitää tehdä nyt ja mihin sen täytyy pystyä jatkossa. Myös saavutettavuuden taso lukitaan tässä, jolloin se kulkee mukana jokaisessa myöhemmässä ratkaisussa.
Määrittelystä syntyvät sivuston keskeiset ominaisuudet. Kun tekniikan mahdollisuudet ja rajoitteet ovat mukana jo tässä vaiheessa, suunnitelma on valmis toteutettavaksi sellaisenaan.
Interaktiivisen prototyypin avulla pääset kokeilemaan tärkeimpiä toimintoja itse jo ennen toteutusta. Samaan aikaan ulkoasu rakentuu yksittäisistä komponenteista lohkomalleiksi. Kun suunnitelma siirtyy kehittäjälle, suunnittelija pysyy mukana, kunnes sivusto on valmis.
Hyvät ideat saavat syntyä myös matkan varrella
Harva tietää heti alussa tarkalleen, mitä sivustolta tarvitsee.
Suunnitelma tarkentuu, kun ymmärrys kasvaa
Tiedämme kokemuksesta, että kaikkia tarpeita voi olla vaikea huomioida ennen projektin alkua. Siksi suunnitelma saa tarkentua, kun prototyypin kokeileminen ja sisältöjen valmistuminen tuovat uutta ymmärrystä. Jokainen muutos käydään läpi yhdessä, joten sen vaikutus aikatauluun ja budjettiin on aina tiedossa.
Sama tiimi suunnittelusta toteutukseen
Suunnittelija ja kehittäjä työskentelevät samassa tiimissä, joten ajatus suunnitelman takana kulkee mukana toteutukseen asti.
Valmis sivusto vastaa suunniteltua
Suunnittelija käy toteutuksen läpi ja hyväksyy sen ennen julkaisua, jolloin lopputulos on sitä, mitä yhdessä suunniteltiin.
Saavutettavuus kulkee mukana alusta asti
Saavutettavuuden taso sovitaan jo määrittelyssä, jolloin se on osa jokaista ratkaisua.
Sivumallit sisältötyön tueksi
Valmiista sivumalleista näet, miten sivuston lohkoja ja toimintoja voi hyödyntää omien sisältöjesi kanssa, joten uusien sivujen tekeminen on helppo aloittaa.
Referenssit
M2-Kodit – Pitkällä jatkokehityksellä parempaan asuntohakuun
Uudistimme M2-Kotien verkkopalvelun vuonna 2021. Kuukausittaisella jatkokehityksellä olemme siitä asti tehneet vuokrakodin hakemisesta askel kerrallaan helpompaa.
Liukuovitehdas – Tärkeimmät palvelut helposti löydettävissä
Helposti hallittava verkkosivusto, joka helpottaa sopivan liukuoviratkaisun löytämistä.
Trendikaihdin – Verkkosivustouudistus kaihdinratkaisuille
Tavoitteena oli rakentaa selkeä ja moderni sivusto, joka helpottaa tuotteisiin tutustumista, sopivan ratkaisun löytämistä ja yhteydenottoa.
EWQ – Verkkosivusto, joka tekee myymäläviestinnästä helposti ymmärrettävää
Projektissa kirkastettiin olemassa olevaa ilmettä ja sovellettiin sitä paremmin digitaaliseen ympäristöön.
Qaicu – Visuaalisesti erottuva WordPress-toteutus
Tavoitteena vahvistaa yrityksen digitaalista näkyvyyttä
Visit Himos–Jämsä – Uudistettu matkailusivusto
Käyttäjälähtöinen matkailusivusto, joka parantaa alueen löydettävyyttä, palvelee eri matkailijaryhmiä ja tarjoaa skaalautuvan pohjan jatkuvalle kehittämiselle.
JYU Executive MBA – Selkeämmät kävijäpolut myynnin tueksi
JYU Executive MBA:n verkkosivustouudistus toi käyttöön modernin WordPress-ratkaisun, joka tukee markkinointia, myyntiä ja sujuvaa käyttäjäkokemusta.
Marine – Brändiuudistus, integraatiot ja verkkokauppa samaan WordPress-kokonaisuuteen
Marinelle toteutettiin kaksivaiheinen WordPress-uudistus, jossa yhdistettiin brändiuudistus, Automatik-verkkokauppa ja Nettix-integraatiot yhdeksi toimivaksi kokonaisuudeksi.
Pelkosenniemen kunta – Saavutettava WordPress-kuntasivusto
Toteutimme Pelkosenniemen kunnalle saavutettavan WordPress-kuntasivuston, jossa korostuvat selkeä navigointi, modulaariset sisältölohkot ja helppo sisällönhallinta.
MIELI ry:n lahjoitussivusto – Sujuvaa varainhankintaa ja integraatioita
Helppo lahjoittaminen, kampanjat, maksutavat ja CRM-integraatiot yhdistettynä saavutettavaan WordPress verkkopalveluun.
Näe ja koe enemmän jo projektin alussa
Toimiva demo jo alkuvaiheessa
Interaktiivisen prototyypin avulla näet miten keskeiset toiminnot toimivat kuin valmiissa sivustossa. Päätökset syntyvät helpommin, kun ratkaisun näkee toiminnassa eikä pelkkänä kuvana.
Vaihtoehtojen määrä
Tekoälyn avulla suunnittelija voi luoda useampia eri versioita ja validoida ratkaisujen toimivuutta.
Luonnokset, jotka näyttävät valmiilta
Kun lopullisia kuvia tai tekstejä ei vielä ole, prototyyppiin ja ulkoasuun saadaan aidon tuntuista sisältöä. Ratkaisuja on helpompi arvioida, kun ne eivät ole täynnä harmaita laatikoita.
Askel kerrallaan valmiiksi sivustoksi
Määrittelytyöpaja
Työpajassa selviää, mitä sivuston pitää tehdä nyt ja mihin sen täytyy pystyä jatkossa. Saavutettavuuden taso lukitaan viimeistään tässä.
- Sivuston nykytarpeet
- Tulevaisuuden tarpeet, joihin sivuston pitää pystyä vastaamaan
- Saavutettavuuden tavoitetaso
Ominaisuuksien suunnittelu
Määrittelystä syntyvät sivuston keskeiset ominaisuudet, joissa tekniikan mahdollisuudet ja rajoitteet on huomioitu alusta asti.
Interaktiivinen prototyyppi
Interaktiivinen prototyyppi tuo keskeisimmät toiminnot kokeiltavaksi jo ennen toteutusta. Näin nähdään ajoissa, vastaavatko ne tarpeeseen.
Ulkoasusuunnittelu
Ulkoasu syntyy prototyypin rinnalla. Pohjana ovat yksittäiset komponentit, kuten painikkeet, kortit ja lomakkeet, joista skaalataan määrittelyn tarpeisiin perustuvat lohkomallit.
Handoff kehittäjälle
Suunnitelma siirtyy kehittäjälle sitä mukaa, kun suunnittelu etenee. Koska sama tiimi suunnittelee ja toteuttaa, tarkennukset saadaan suoraan suunnittelijalta.
Suunnittelija mukana loppuun asti
Suunnittelija on mukana koko projektin ajan ja varmistaa, että valmis sivusto vastaa suunniteltua.
- Kehittäjän työn hyväksyntä
- Sivumallit, joista näet miten sivuston toiminnallisuuksia hyödynnetään sisältöjen kanssa
Asiakkailtamme
”Verkkosivu-uudistus toteutettiin laadukkaasti ja tarpeidemme mukaan. Lopputulos paransi sivustomme ilmettä, käytettävyyttä ja asiakaskokemusta merkittävästi.”
Tiina Nygrén
Koordinaattori, Visit Himos–Jämsä
”Trimedia onnistui luomaan sivuston, joka todella puhuttelee nuoria, visuaalisesti, sisällöllisesti ja käytettävyyden osalta. Yhteistyö oli sujuvaa ja asiantuntevaa alusta loppuun.”
Syöpäjärjestöt
Ota yhteyttä
Aloitetaan yhteistyö!
Kerro lyhyesti tarpeestanne ja olemme yhteydessä.
Arto Saksola
CEO
Usein kysyttyä
UX-suunnittelu ratkaisee, miten palvelu toimii: mitä käyttäjä tekee, missä järjestyksessä ja mistä hän löytää tarvitsemansa. UI-suunnittelu ratkaisee, miltä se näyttää ja miten sitä käytetään. Käytännössä molemmat tehdään samassa projektissa, koska rakenteen voi pilata myös huonolla visuaalisella hierarkialla.
Kesto riippuu täysin sivuston laajuudesta. Kevyet, yksittäisiin osioihin liittyvät suunnittelutyöt voivat kestää muutamasta tunnista päivään ja laajemmat, koko sivustoa koskevat suunnittelutyöt yleensä viikosta muutamaan viikkoon.
Kyllä voitte.
Oma näkemys on hyvä lähtökohta, mutta se on aina jonkun mielipide. Jos on mahdollista, niin suunnitelmien testaaminen loppukäyttäjillä antaa loppukäyttäjän näkökulman, jolloin oletukset on yleensä eliminoitu.
Kyllä! Suunnittelemme käyttöliittymän olemassa olevan ilmeen pohjalta ja sovellamme sitä niiltä osin, joita ohjeisto ei kata, esimerkiksi lomakkeilla ja erityisemmillä ominaisuuksilla sivustolla.
Suunnittelemme WCAG 2.2 AA -tason vaatimusten mukaan. Käytännössä se tarkoittaa riittäviä kontrasteja, tarpeeksi suuria kohdealueita, loogista otsikkohierarkiaa ja sitä että palvelua voi käyttää pelkällä näppäimistöllä.