Uudenmaan Kasarmin verkkosivut alle viikossa

Uudenmaan Kasarmi – monikieliset verkkosivut Webflow'lla alle viikossa

Uudenmaan Kasarmi on Helsingin Kruununhaassa, Liisankatu 1:ssä sijaitseva 1880-luvun punatiilinen kasarmikokonaisuus. Rakennukset tehtiin alun perin tarkk'ampujapataljoonalle, Maanpuolustuskorkeakoulu toimi niissä 60 vuotta ja Sotamuseo vuodesta 1949 vuoteen 2019. Vuonna 2022 kohde siirtyi HGR Property Partnersin omistukseen, ja peruskorjauksen myötä arvorakennukset palaavat käyttöön toimitiloina: vuokrattavat kokonaisuudet ovat 550–4 600 m².

Lähtötilanne

Tilat olivat tulossa vuokrausmarkkinoille, mutta kohteella ei ollut omaa verkkosivustoa. Aineisto — tilasovitukset, pohjapiirrokset, sijaintitiedot ja rakennuksen historia — oli olemassa, mutta hajallaan. Sivusto tarvittiin markkinoinnin tueksi nopeasti, ja kohde kiinnosti myös kansainvälisiä vuokralaisia, joten esittely piti saada myös englanniksi.

Ratkaisu

Toteutimme sivuston Webflow'lla valmiin ulkoasusuunnitelman pohjalta. Rakenteeksi valittiin yksi sivu, jolla kohde käydään läpi järjestyksessä: kärki ja avainluvut, rakennuksen historia, vastuullisuus, vuokrattavat tilat, sijainti ja palvelut sekä yhteydenotto. Navigaatio vie suoraan osioon, joten lukija pääsee hakemaansa yhdellä klikkauksella.

• Tekninen toteutus Webflow'lla valmiista ulkoasusta — komponentit, osiot ja responsiivisuus.
• Kerroskohtaiset tilasovitukset välilehtinä: kellari ja kolme kerrosta, kukin omine pohjapiirroksineen ja lukuineen.
• Sijaintikartta ja palvelukortit, jotka kertovat yhteydet, puistot ja lähipalvelut ikonein.
• Lokalisointi suomeksi ja englanniksi Webflow Localizationilla, samalla alustalla ja samasta rakenteesta.
• Toimitus alle viikossa ensimmäisestä palaverista julkaisuun.

Tilaosio on sivuston tärkein myyntityökalu. Välilehdet vaihtavat kerroksen, ja jokaisesta näkyy sama tieto samassa muodossa: vuokrattava pinta-ala, työpistemäärä, pohjapiirros ja julkisivun viivapiirros. Vuokralaisehdokas näkee yhdellä silmäyksellä, mihin hänen organisaationsa mahtuu — ilman että aineistoja tarvitsee pyytää erikseen.

Kaksi kieltä, yksi sivusto

Englanninkielinen versio ei ole erillinen sivusto vaan sama sivu toisella kielellä. Webflow Localization pitää rakenteen, komponentit ja kuvat yhteisinä, joten kun osio muuttuu, se muuttuu molemmissa kielissä — eikä kieliversioiden välille synny hiljaista eroa. Kielivalinta on navigaatiossa sekä työpöydällä että mobiilivalikossa.

Ilme Webflow'n komponenteiksi

Ulkoasu tuli meille valmiina, ja tehtävämme oli kääntää se Webflow'n kielelle niin että se pysyy kasassa jokaisella näyttöleveydellä. Värit elävät CSS-muuttujina — salvianvihreä kantaa rakenteen, terrakotta on painikkeiden ja korostusten väri, vaaleansininen erottaa sijainti- ja palveluosion omakseen. Otsikoissa on Bluu Next, leipätekstissä Work Sans. Osiot rakentuvat samoista paloista: palvelukortti, avainlukurivi, vastuullisuusmerkki ja kerrosvälilehti toistuvat läpi sivun.

Tulokset

Kohde sai oman osoitteen alle viikossa: yksi sivu, jolta löytyvät historia, tilat, sijainti ja yhteystiedot, suomeksi ja englanniksi. Tilasovitukset ja pohjapiirrokset ovat siellä missä vuokralaisehdokas niitä katsoo, eivät liitteissä. Sisältö päivittyy Webflow'ssa ilman välikäsiä, ja sivusto toimii yhtä lailla puhelimessa kuin työpöydällä.