Onnistuimme yhdessä Huoneistokeskuksen kanssa: 70-vuotiaan välittäjän moderni verkkopalvelu asunnon ostajille ja myyjille

Huoneistokeskus.fi Integraatio Määrittely Ohjelmointi Palvelumuotoilu UX & UI WordPress

Projekti lyhyesti

Huoneistokeskus on välittänyt suomalaisten koteja jo 70 vuoden ajan. Kun yrityksen brändi uudistettiin, tarvittiin myös uusi verkkopalvelu.

Tekemämme verkkopalvelu palvelee kattavasti Huoneistokeskuksen eri kohderyhmiä: asuntojen ostajia ja myyjiä sekä yritysasiakkaita.

Tarkoituksena on rakentaa kilpailuetua keskeisiin kilpailijoihin nähden ja kasvattaa Huoneistokeskuksen liiketoimintaa.

Kohderyhmänä asunnon ostajat ja myyjät

Uusi verkkopalvelee palvelee kattavasti ja monipuolisesti Huoneistokeskuksen eri kohderyhmiä. Näistä tärkeimmät ovat asuntojen myyjät ja ostajat, joille verkkopalvelun sisällöt ja toiminnallisuudet on ensisijaisesti suunniteltu.

Sujuva käyttökokemus päätelaitteesta riippumatta

Uuden verkkopalvelun käyttöliittymä on suunniteltu huolellisesti ja verkkopalvelun käyttäminen on sujuvaa päätelaitteesta riippumatta. Kun käyttökokemus on positiivinen, käyttäjä saa asiansa hoidettua nopeasti ja viihtyy.

Laadukkaat hakutoiminnallisuudet

Verkkopalvelun tarkoitus on tehdä asunnon ostamisesta ja myymisestä helppoa. Siksi palvelun tärkeimmät toiminnallisuudet ovat toteuttamamme hakutyökalut: kohteet, toimipisteet ja välittäjät.

Saumattomat integraatiot

Huoneistokeskus hallitsee tuhansien myynnissä olevien kohteiden sekä toimipisteiden ja välittäjien tietoja muissa järjestelmissään. Tämä data tuodaan verkkopalveluun saumattomasti integraatioiden välityksellä. Toiseen suuntaan verkkopalvelusta viedään esimerkiksi yhteydenottojen tiedot suoraan välittäjille.

”Lopputulos ylitti odotuksemme. Olemme onnekkaita kun olemme löytäneet kumppanin, jonka kanssa voimme jatkaa sivuston kehitystyötä jatkossakin.”

-Marina Salenius, Liiketoimintajohtaja, Huoneistokeskus

Tavoitteet

  • Uudistuneen brändin visuaalinen ja sisällöllinen uudistaminen myös verkossa
  • Laajempi, monipuolisempi ja aiempaa paremmin jäsennelty sisältö sekä sisältöjen ketterä hallinta
  • Tärkeimpien toiminnallisuuksien käyttäjäystävällinen toteutustapa: kohde-, toimipiste ja välittäjähaku sekä yhteydenottolomakkeet
  • Toimivat työkalut liiketoiminnan kasvattamiseen markkinoinnin ja myynnin toimenpiteillä
  • Laadukas, moderni ja tietoturvallinen tekninen ratkaisu

Keskeiset ratkaisut

  • Värikäs, moderni ja rikas visuaalinen ilme, jossa yhdistettiin Rettan vihreä Huoneistokeskuksen perinteikkääseen oranssiin.
  • Älykkäät kohteiden, toimipisteiden ja välittäjien listaukset ja suodatukset
  • Reaaliaikaiset integraatiot: kohde-, toimipiste-, ja välittäjätiedot sekä yhteydenotot
  • Myynnillisyyttä edistävät toiminnallisuudet, kuten hintatesti ja arviokäynnin sähköinen ajanvaraus
  • Monipuoliset ja helppokäyttäiset sisällönhallinnan ratkaisut WordPressin Gutenberg-editorilla
  • Sovellusmaiset käyttöliittymäratkaisut sujuvan käytettävyyden varmistamiseksi (esim. kohdehaku)
  • Huolenpitopalvelu: jatkuva ylläpito 24/7 ja jatkokehitys

Kiinnostuitko?

Lue eteenpäin ja tutustu tarkemmin onnistumisemme vaiheisiin tai ota yhteyttä.

Onnistuimme palvelumuotoilussa:

Muotoilimme verkkopalvelun asunnon ostajille ja myyjille

Tiedäthän tunteen, kun astut asuntonäytöllä sisään ja tiedät tulleesi kotiin. Tai kun odotat ostajalta iltaan mennessä luvattua tarjousta. Nämä tuntemukset ovat Huoneistokeskuksen tarinan ydin. Huoneistokeskus on jo 70 vuoden ajan auttanut suomalaisia toteuttamaan asumisen unelmiaan. Ja tätä tarkoitusta myös uusi verkkopalvelu toteuttaa.

Nyt tarina kasvaa entistä suuremmaksi, kun Huoneistokeskus on osa Rettaa. Välittämisen, isännöinnin ja kiinteistöjohtamisen moniosaajana Huoneistokeskus on asiakkaidensa kumppani asuntokaupassa, mutta myös asumisen arjessa ja rakentamisen kasvussa. Verkkopalvelu kietoo yhteen Rettan, Huoneistokeskuksen ja niiden asiakkaiden tarinat.

Huoneistokeskuksen kanssa asuntokauppa hoituu sujuvasti ja turvallisesti

Palvelun ensisijaiset kohderyhmät ovat asunnon ostajat ja myyjät. Lisäksi verkkopalvelua käyttävät yritykset sekä Huoneistokeskuksen oma henkilöstö, ensisijassa välittäjät.

Asunnon ostajia palvellaan laadukkaalla sisällöllä, kuten asunnonostajan oppaalla. Kun käyttäjä lopulta päättää etsiä Huoneistokeskuksen myytäviä kohteita, palvelee kohdehaku intuitiivisesti. Myytävät kohteet esitellään näyttävästi ja selkeästi.

Kun käyttäjä sitten päättää jättää yhteydenottopyynnön, ovat välittäjän yhteystiedot ja myös yhteydenottolomake heti saatavilla. Tieto lomakkeella lähetetystä yhteydenotosta lähetetään välittäjälle heti. Tiedon kulkeminen siis on saumatonta ja välittäjät pystyvät nopeasti reagoimaan potentiaalisten asiakkaiden kyselyihin.

Asunnon myyjille verkkopalvelusta löytyy välittäjähaku, toimipistehaku, hintatesti ja sähköinen ajanvarauskalenteri. Tarkoituksena on madaltaa yhteydenoton kynnystä ja auttaa asiakasta jo ennen yhteydenottoa.

Verkkopalvelun tarkoituksena on luoda asunnon myyjälle tunne siitä, että Huoneistokeskuksen kanssa myynti hoituu sujuvasti. Avainasioita ovat nykyaikaisuus ja luotettavuus asuntojen välittämisessä ja asiakkaasta huolehtimisessa.

Onnistuimme sisällöissä:

Erittäin monipuoliset työkalut sisällön esittämiseen

Kohteiden, toimipisteiden ja välittäjien tietojen lisäksi, verkkopalvelussa on runsaasti muutakin sisältöä.

Verkkopalvelun sisältörakenteen suunnittelussa huomioitiin erityisesti pääkohderyhmät ja hakukonelöydettävyys. Rakenteen hahmottaminen ja navigointi palvelussa on monipuolisen ja näyttävän valikkoratkaisun ansiosta helppoa.

Huoneistokeskus vastasi itse sisältöjen suunnittelusta ja toteutuksesta. Toteutimme verkkopalveluun erittäin monipuoliset sisällön esitystavat. Sisältöjen tekeminen ja muotoileminen tapahtuu helppokäyttöisellä WordPress-julkaisujärjestelmällä.

Palvelussa on lukuisia sisältötyyppejä, joiden sisällöistä merkittävä osa tuodaan palveluun integraatioiden välityksellä. Osa puolestaan tuotetaan ja ylläpidetään verkkopalvelussa itsessään:

  • Kohteet (integraatio)
  • Välittäjät (integraatio)
  • Toimipisteet (integraatio)
  • Uudiskohteet
  • Sivut
  • Artikkelit
  • Työpaikat
  • Asiakaskokemukset

Sisältöjen esittämiseksi suunniteltiin ja toteutettiin lukuisia sivupohjia:

  • Sivut (rakennetaan sisältömoduuleista)
  • Artikkeliarkisto
  • Yksittäisen artikkelin sivu
  • Kohdehaku
  • Yksittäisen kohteen sivu
  • Välittäjähaku
  • Yksittäisen välittäjän sivu
  • Toimipistehaku
  • Yksittäisen toimipisteen sivu
  • Yksittäisen työpaikan sivu

Sisältömoduulit ovat erilaisia sisällön esitystapoja, joilla esitetään valtaosa sivuston staattisista sisällöistä. Sisältömoduulit ovat ikäänkuin legopalikoita, joilla sisällönsyöttäjä kykenee rakentamaan jos jonkimoiselta näyttäviä ja tuntuvia sisältöjä:

  • Sisältöalue
    • Leipäteksti
    • Otsikot
    • Painikkeet
    • Kuvat
    • Upotukset
    • Listaukset
    • Haitarisisältö
    • Välittäjäkortti
    • Henkilökortti
    • Tiedostonosto
    • Kainalonosto
    • Somejako
  • Sisältöalue sivupalkilla (käytössä samat sisältöalueen sisäiset elementit, jotka listattu edellä)
  • Lisätiedot-tekstialue
  • Iso CTA-sisältönosto
  • Lomakeupotus
  • Heroelementti
  • Dynaamiset nostoelementit:
    • Sivut ja vapaat sisällöt
    • Välittäjänosto
    • Uudiskohdenosto
    • Henkilönosto
    • Artikkelinosto
    • Uudiskohdenosto
    • Kohdenosto
    • Asiakaskokemusnosto
  • Listausnosto
  • Kuva- tai videoupotus
  • Työpaikkalistaus

Sisältöjen (artikkelit, sivut) muokkausnäkymissä on Yoast SEO -lisäosan hakukoneoptimoinnin työkalut. Työkalun avulla sisällölle voi asettaa hakukoneita (ja somejakoja) varten optimoidun otsikon ja kuvaustekstin (joka muodostetaan myös automaattisesti, ellei sitä ole asetettu erikseen).

Lisäksi työkalu tarjoaa vinkkejä ja analyysiä kyseisen sisällön hakukoneoptimointiin liittyen. Työkalussa voi määrittää sisällölle avainfraasin, jonka pohjalta sisällön analyysi ja optimointivinkit muodostetaan.

Toimipisteiden erityistä optimointia varten sivuston lähdekoodissa muodostetaan näiden sisältöjen osalta automaattisesti Local Business Meta-tiedot toimipisteiden yhteystiedoista.

Onnistuimme designissa:

Oranssi, vihreä vai oranssinvihreä?

Käyttöliittymän kautta verkkosivuston käyttäjä vuorovaikuttaa käyttämänsä verkkosivuston kanssa. Hyvin suunniteltu ja huolellisesti toteutettu käyttöliittymä tekee verkkosivuston käyttämisestä sujuvaa.

Analytiikan mukaan Huoneistokeskuksen verkkosivuston käytöstä valtaosa tehdään älypuhelimella tai muulla mobiililaitteella. Käyttöliittymän suunnittelu tehtiin siksi ”mobiili ensin” -suunnitteluperiaatteella (”Mobile first”).

Ensisijaisesti siis keskityttiin mobiilikäyttöön ja sitten sovitettiin käyttöliittymä tietokoneella käytettäväksi. Esimerkiksi kohdehaun suodatuksen käyttöliittymä on toteutettu optimaalisesti toimivaksi etenkin mobiilissa. Verkkopalvelun toteutus kuitenkin on responsiivinen, eli se mukautuu sujuvasti käytettäväksi eri päätelaitteilla.

Rettan vihreää ja Huoneistokeskuksen oranssia

Verkkopalvelun visuaalinen ilme värittää ja kuvittaa käyttöliittymän. Se on erityisen tärkeä mielikuvien ja verkkosivuston tunnelman kannalta. Parhaimmillaan ilme vaikuttaa positiivisesti myös verkkosivuston käytön sujuvuuteen.

Rettan väri on vihreä ja oranssista väristään tunnettu Huoneistokeskus uudistui siksi projektissa myös värimaailmaltaan. Käytimme visuaalisessa ilmeessä vihreää päävärinä. Oranssi toimii vahvana tehokeinona esimerkiksi kuvien yksityiskohdissa ja toimintakehotteissa. Joskus vähemmän on enemmän.

Räätälöity kuvamaailma on oleellinen osa verkkopalvelun ilmettä. Huoneistokeskuksen kuvissa tärkeää on ihmiset ja lämmin tunnelma.

”Inton ammattilaiset osasivat haastaa ja opastaa meitä sopivassa suhteessa, jolloin syntyi sivusto, joka huomioi niin kuluttaja- kuin liiketoimintatarpeet. ”

Eija Miehola, Markkinointipäällikkö, Huoneistokeskus

Teknisesti tinkimätön toteutus

Verkkopalvelu on toteutettu WordPress-julkaisujärjestelmän päälle räätälöitynä teemana, joka noudattaa WordPressin suosittelemia käytänteitä ja rakenteita. Esimerkiksi kattavien taksonomioiden (sisältöjen luokittelu) toteutuksessa hyödynnettiin WordPressin natiiveja ominaisuuksia.

Verkkopalvelun sisällönhallinta pohjautuu WordPressin Gutenberg-editoriin. Gutenberg on niin kutsuttu wysiwyg-työkalu (”what you see is what you get”). Sisällönsyötön käyttöliittymä siis vastaa lähes täydellisesti varsinaista palvelua.

”Järkälemäisessä hankkeessa oli sopivasti haastetta niin käyttöliittymäratkaisuiden, toiminnallisuuksien kuin integraatioidenkin toteutuksen osalta. Projektia oli siksi oikein mukava tehdä koko projektin osallistuneen teknisen tiimimme näkökulmasta.”

Antti Lassila, CTO, Into-Digital

Huoneistokeskuksen uudessa verkkopalvelussa on lukuisia integraatioita ja kolmannen osapuolen järjestelmiä:

  • Evästetyökalu
  • Googlen työkalut
  • Kohdetietojen lähdejärjestelmä
  • Välittäjä- ja toimipistetietojen lähdejärjestelmä
  • Karttapalvelu
  • CRM-järjestelmä
  • Työnhakujärjestelmä
  • Sähköinen ajanvarauskalenteri
  • Joitain tarkoin valittuja ja yleisesti käytettyjä WordPress-lisäosia

Erittäin laajan verkkopalvelun kattavien vaatimusten myötä, myös palvelin-, välimuisti-, ja versionhallintaratkaisut suunniteltiin erityisen huolellisesti.

Onnistumme Huolenpidossa:

Huolehdimme verkkosivuston toiminnasta 24/7

Verkkosivuston ylläpito toteutetaan Huolenpitopalvelumme muodossa. Kuukausittain tehtävään ylläpitoon kuuluu WordPress-julkaisujärjestelmän ja sen ulkoisten laajennosten versio- ja tietoturvapäivitykset. Lisäksi palveluun sisältyy asiakastuki ja neuvonta sekä päivittäinen varmuuskopiointi. 

Koska verkkopalvelu on laaja ja sitä halutaan datalähtöisesti kehittää jatkuvasti, työskentelemme Huoneistokeskuksen tiimin kanssa tiiviisti myös nyt verkkopalvelun julkaisun jälkeen.

Onnistuimme yhdessä Huoneistokeskuksen kanssa

Miten meni, Eija ja Marina?

Kysyimme yhteyshenkilöiltämme, Huoneistokeskuksen markkinointipäällikkö Eija Mieholalta ja liiketoimintajohtajalta Marina Saleniukselta mielipiteitä yhteistyöstämme:

Miksi valitsitte meidän kumppaniksenne?

”Valikoiduitte kumppaniksemme referenssien perusteella sekä meidät vakuuttaneella konseptoidulla toimintamallilla, joka meidän oli helppo ostaa. Tiesimme ja ymmärsimme siis, mitä olimme ostamassa”

Minkälaista oli työskennellä meidän kanssamme?

Työskentely organisaationne ja asiantuntijoidenne kanssa oli ja on antoisa ja opettava kokemus. Alusta lähtien oli selvää, että olemme tiimi, jolla on yhteinen päämäärä. Olemme itse oppineet valtavasti sivustouudistuksemme myötä nykyaikaisista verkkopalvelumahdollisuuksista. Teidän ammattilaiset osasivat haastaa ja opastaa meitä sopivassa suhteessa, jolloin syntyi sivusto, joka huomioi niin kuluttaja- kuin liiketoimintatarpeet.”

Mitä olet mieltä lopputuloksesta ja mikä merkitys sillä on organisaatiollenne?

Lopputulos ylitti odotuksemme ja olemme onnekkaita, kun olemme läytäneet kumppanin, jonka kanssa voimme jatkaa sivuston kehitystyötä jatkossakin. Intolta löytyy huippuammattilaiset, joita voin suositella muillekin.”

Tietoa asiakkaasta

Vuonna 1953 kiinteistönvälitykseen Suomeen tuonut Huoneistokeskus on toiminut alalla jo 70 vuotta.

Tänään Huoneistokeskus on osa Rettaa, pohjoismaiden suurinta kiinteistöalan konsernia. Se antaa Huoneistokeskukselle jälleen välineet kiinteistövälityksen uudistamiseen.

Kiinteistönvälityksen, isännöinnin ja manageerauksen moniosaajana Huoneistokeskus on asiakkaittensa rinnalla ostaessa ja myydessä, mutta myös asumisen arjessa ja rakentamisen kasvussa.

Tiimimme

Ernesti Niemi

Senior Digital Designer

Jutta Kalli

Developer

Mikko Huuskonen

Head of Data & Analytics

mikko.huuskonen@into-digital.fi

Esimerkkejä töistämme

Toteutamme työksemme onnistuneita verkkopalveluita. Katso lisää esimerkkejä töistämme täältä.

Onnistumisiin?

Toteutamme työksemme onnistuneita verkkopalveluita. Intuitiivisesti käytettäviä, visuaalisesti näyttäviä ja teknisesti laadukkaita verkkosivustoja, verkkokauppoja ja verkkosovelluksia.

Työskentelemme erityisesti keskisuurten ja suurten yrityksien kanssa. Asiakkaitamme ovat esimerkiksi Burger King, Fira, Huoneistokeskus, Itis, Lämpöykkönen, S-ryhmä ja Retta.