Suomensatamat.fi – brändi-ilmeen ja verkkosivuston uudistus

Toimiston ilmoittama referenssi

Tekijä: Luma Creative

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Järjestön verkkopalvelu

Erityistä: Hakukoneoptimointia osana projektia

Suomen Satamat – verkkosivuston uudistus

Suomen Satamat ry:n verkkosivusto kaipasi kokonaisvaltaista päivitystä niin visuaalisen ilmeen, sisällön kuin teknisen toteutuksen osalta. Tavoitteena oli tuoda yhdistyksen toiminta esille nykyaikaisesti ja saavutettavasti sekä tarjota selkeä ja helposti käytettävä palvelu eri sidosryhmille.

Projekti toteutettiin vaiheittain: visuaalisen ilmeen ja rakenteen suunnittelusta tekniseen toteutukseen ja optimointiin asti.

Asiakkaan kommentti

”Yhteistyö Mainostoimisto Luman kanssa meidän nettisivu-uudistusprojektin tiimoilta sujui erittäin mutkattomasti ja ammattitaitoisesti koko projektin ajan. Kommunikointi oli sujuvaa, aikataulut pitivät, ja saimme jatkuvasti selkeää tukea ja asiantuntevia ehdotuksia projektin edetessä. Olemme erittäin tyytyväisiä sekä saamaamme palveluun että lopputulokseen – uudet verkkosivut vastaavat täysin odotuksiamme ja tukevat yhdistyksemme toimintaa.”

Piia Karjalainen, toimitusjohtaja, Suomen Satamat ry

Visuaalinen ilme ja graafinen suunnittelu

Brändi-ilmettä uudistettiin säilyttäen yhdistyksen tunnistettavat elementit. Logon sininen väri syvennettiin ja sen rinnalle valittiin raikas ja harmoninen väripaletti, johon kuuluvat keltainen, vaalea harmaa ja valkoinen. Myös logon typografia päivitettiin vastaamaan verkkosivujen tyyliä – samat Bebas Kai -otsikkofontit ja Proxima Nova -leipätekstit takaavat yhtenäisen visuaalisen linjan kaikessa viestinnässä.

Asiakkaalle toimitettiin kattava graafinen ohjeisto, joka ohjaa logon, värien ja typografian käyttöä jatkossa. Visuaalisuutta täydentämään lisättiin laadukkaita valokuvia satamatoiminnasta, tuoden sisältöön ajankohtaisuutta ja elävyyttä.

WordPress-toteutus

Sivusto rakennettiin joustavalle ja helposti päivitettävälle WordPress-alustalle, mikä mahdollistaa sisällönhallinnan vaivattomasti myös asiakkaan toimesta. Toteutus optimoitiin huolellisesti, jotta sivut latautuvat nopeasti ja toimivat tehokkaasti kaikilla laitteilla ja yhteyksillä.

Etusivun rakenne korostaa ajankohtaisia sisältöjä selkeinä ja visuaalisesti erottuvina nostoina. Uusi verkkosivusto on moderni, käyttäjäystävällinen ja ammattimainen alusta yhdistyksen viestinnän tueksi.

Navigointi ja käytettävyys

Verkkosivun rakenne suunniteltiin tukemaan nopeaa ja vaivatonta tiedon löytämistä. Kaikki tärkeimmät sisällöt sijoitettiin loogiseen ja selkeään valikkorakenteeseen, ja ajankohtaisille uutisille ja lausunnoille luotiin omat, visuaalisesti erottuvat osionsa, mikä helpottaa sisällön hahmottamista.

Jäsensatamat koottiin selkeästi jäsenneltyyn ja helposti selattavaan kokonaisuuteen, joka mahdollistaa tiedon hakemisen vaivattomasti. Sivusto toteutettiin täysin responsiiviseksi, mikä takaa saumattoman käyttökokemuksen eri päätelaitteilla.

Hakukoneoptimointi (SEO)

Sivuston löydettävyyttä ja teknistä toimivuutta tehostettiin Rank Math -lisäosan avulla tehdyllä SEO-optimoinnilla. Sen kautta määritettiin hakukoneystävälliset meta-tiedot ja edustavat artikkelikuvat niin sivuille kuin artikkeleille. Sivujen latausaikoja ja saavutettavuutta optimoitiin tuottamalla kaikki kuvamateriaali kevyessä WebP-muodossa sekä lisäämällä kuville asianmukaiset alt-tekstit.

Tilasto-integraatio

Aiemmin manuaalisesti päivitetyt satamatilastot integroitiin osaksi verkkosivustoa räätälöidyllä ratkaisulla, joka automatisoi tiedon päivityksen ja vähentää manuaalista työmäärää.

Satamatilastojen osuus toteutettiin räätälöidyllä WordPress-lisäosalla, joka hakee tiedot suoraan Tilastokeskuksen avoimesta datasta ja esittää ne sivustolla automaattisesti päivittyvinä taulukoina. Lisäosa hoitaa koko tiedonhakuprosessin: se lataa ajantasaiset tilastot, tallentaa ne paikalliseen tietokantaan ja tuottaa ne sivuston käyttöliittymään AJAX-pohjaisesti ilman sivulatauksia.
Ylläpitäjä voi hallintanäkymässä valita, mitkä satamat ovat näkyvissä verkkosivulla. Lisäosa päivittää tilastot automaattisesti kahden viikon välein, mutta tiedot voi myös hakea manuaalisesti “Hae tilastot”-toiminnolla. Ratkaisu poisti aiemman manuaalisen prosessin, varmisti tietojen ajantasaisuuden ja nopeutti merkittävästi ylläpitoa.

Integraation tekniset ominaisuudet

  • Räätälöity WordPress-lisäosa
  • Tietojen haku Tilastokeskuksen avoimesta datasta
  • AJAX-pohjainen suodatus ja taulukkorenderöinti
  • Automaattinen 2 viikon välein tehtävä päivitys (cron)
  • Satamien näkyvyyden hallinta admin-näkymässä
  • Mahdollisuus manuaaliseen päivitykseen ja Excel-vientiin
  • Datan tallennus ja välimuistitus suorituskyvyn optimoimiseksi

Lopputulos

Tyytyväinen asiakas, sekä uusi verkkosivusto, joka on moderni, käyttäjäystävällinen ja ammattimainen alusta, joka tukee Suomen Satamat ry:n viestintää, tilastojen jakamista ja jäsenten palvelemista.

Lumaa on helppo suositella matalan kynnyksen ammattitaitoisena kumppanina!

Piia Karjalainen, toimitusjohtaja, Suomen Satamat ry

Erinomainen projektinhallinta, asiakaspalvelu ja asiakkaan liiketoiminnan ymmärtäminen


Sinua voisi kiinnostaa myös

Keuruun kaupunki

Tekijä: Poutapilvi web design Oy

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Poutapilvi uudisti Keuruun kaupungin verkkopalvelun kokoamalla erillisten palvelujen sisältöjä keuruu.fi-palvelun yhteiseen rakenteeseen. Kaupungin pääsivuston rinnalle tuotiin Visit Keuruun, vapaa-aikatoimen, Keuruun lukion ja Keuruun veden sisällöt. Henkilöstölle toteutettiin uusi intranet aiemman extranetin tilalle. Kokonaisuus yhtenäisti käyttäjän kokemusta ja helpotti kaupungin sisältöjen hallintaa. Työ alkoi konseptin kirkastamisesta ja rakenteen suunnittelusta. Poutapilvi vastasi myös käyttöliittymästä, visuaalisesta suunnittelusta ja […] Lue lisää

iLOQ verkkosivuston uudistus

Tekijä: MEOM

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

iLOQ on suomalainen digitaalisten ja mobiilipohjaisten lukitus- ja kulunvalvontajärjestelmien kehittäjä, joka toimii maailmanlaajuisesti. Globaalissa markkinassa tuotteiden ja brändin esittely ensiluokkaisen vaikuttavalla tavalla on tärkeää. iLOQin teknologia on uraauurtavaa ja sen tulee lyödä ällikällä myös markkinoinnissa. MEOM on ollut iLOQin sivustokumppani jo lähes vuosikymmenen. Olemme toteuttaneet yhdessä useita sivustouudistuksia kuin myös sivustokokonaisuuden jatkuvaa kehitystä useilla kaistoilla. […] Lue lisää

Juvenes Oy – uudet verkkosivut

Tekijä: Luma Creative

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Juvenes Oy – WordPress-verkkosivujen uudistus Valtakunnallisesti toimiva Juvenes Oy tarjoaa laajan kirjon palveluita, kattaen opiskelija- ja lounasravintolat sekä tapahtuma- ja catering-palvelut. Konserniin kuuluu yli kolmekymmentä eri ravintolayksikköä yhdeksällä eri paikkakunnalla. Verkkosivujen rooli on ravintola-alalla keskeinen: niiden tulee palvella sekä päivittäistä viestintää että yksittäisten ravintoloiden löydettävyyttä. Juveneksen aiempi verkkosivukokonaisuus kaipasi perusteellista modernisointia teknisen pohjan, rakenteen ja […] Lue lisää

Finnlinesin verkkopalvelu

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin kuvaus ja tekninen toteutus Finnlinesin verkkopalvelu on kriittinen osa heidän liiketoimintaansa, ja vanha Drupal-alustalle rakennettu kokonaisuus kärsi teknisistä puutteista: navigointi oli monimutkaista, eikä rakenne palvellut riittävän hyvin eri käyttäjäryhmien tarpeita. Toteutimme uudistuksen WordPress-alustalle painottaen erityisesti käyttäjäkokemusta ja skaalautuvuutta. Keskeiset ratkaisut Kolme polkua: Rakensimme intuitiiviset navigointipolut matkustajille, rahtialan ammattilaisille ja yrityssidosryhmille. Jokainen ryhmä löytää tarvitsemansa […] Lue lisää

Nosturiliike Sulkalan uusi verkkosivusto

Tekijä: Luma Creative

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Näyttävä verkkosivu-uudistus ja pitkälle hiottu käyttöliittymä Nosturiliike Sulkala on Mainostoimisto Luman pitkäaikainen asiakas, yhteistyötä on tehty jo vuodesta 2016 alkaen. Sulkalan aiemmat verkkosivut olivat nekin meidän toteuttamamme, mutta tulleet teknisesti elinkaarensa päähän. Verkkosivu-uudistus nähtiin mahdollisuutena tehdä suuriakin rakenteellisia ja visuaalisia uudistuksia, kuten käyttöliittymän virtaviivaistamista. Samalla Sulkalan laadukas kalusto voitiin tuoda entistä näyttävämmin esille. Verkkosivu-uudistus onkin […] Lue lisää

Trendikaihdin – verkkosivustouudistus

Tekijä: Trimedia Oy

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Tiivistelmä Trendikaihtimen verkkosivustouudistuksen tavoitteena oli rakentaa selkeä ja moderni sivusto, joka helpottaa tuotteisiin tutustumista, sopivan ratkaisun löytämistä ja yhteydenottoa. Koska Trendikaihdin on osa Liukuovitehdasta, haluttiin sivuston visuaalisen ilmeen muodostavan luontevan kokonaisuuden uudistetun Liukuovitehtaan verkkosivuston kanssa. Suunnittelussa painotettiin helppoa navigointia ja mobiilikäytön sujuvuutta. Sivuston rakenteella haluttiin myös ohjata kävijöitä luontevasti kohti yhteydenottoa ja tukea näin liidien […] Lue lisää

Vierityspalkki.fi

Julkaistu vuodesta 2006. Vierityspalkki on blogi verkkopalveluiden kehityksestä, internetin teknologioista ja alan toimistoista. Seuraa, niin tiedät miten ja kenen toimesta syntyvät parhaat verkkopalvelut, verkkokaupat ja räätälöidyt web-sovellukset. Uutiskirjeellä on jo yli 1100 tilaajaa.


Tilaa uutiskirje.

  • 40-50 asiantuntija-artikkelia vuosittain.

    Toimitettua asiasisältöä verkkopalveluiden uudistuksista ja kotimaisen ohjelmistoalan tapahtumista. Vierityspalkki nostaa esiin alan puheenaiheita ja tuoretta tutkimustietoa, osallistuu keskusteluun sekä haastattelee alan asiantuntijoita ja toimistoja. Julkaistuja artikkeleita jo yli 1000 kappaletta.


    Kaikki artikkelit

  • 150-200 julkaistua referenssicasea joka vuosi.

    Julkaisut-palsta tarjoaa näkyvyyttä kiinnostaville uusille verkkopalveluille ja web-sovelluksille, ja antaa asiakkaille mahdollisuuden arvioida eri toimistojen osaamista.


    Selaa toimistojen julkaisuja

  • 300-400 työpaikkailmoitusta vuosittain.

    Vuodesta 2007 toiminut ilmoituspalsta on edelleen sivuston suosituin osio. Moni asiantuntija on löytänyt useammankin työpaikan palstan kautta vuosien varrella.


    Selaa avoimia työpaikkoja

  • 31 kokenutta digitoimistoa

    on päässyt aina ajantasaiselle Toimistot-listalle. Lista on auttanut asiakkaita löytämään kokeneita digitoimistokumppaneita jo usean vuoden ajan. Lista keskittyy WordPress-toimistoihin ja räätälöityjen web-sovellusten tekijöihin.


    Selaa Toimistot-listaa

Tilaa kuukausikirje

Kerran kuukaudessa ilmestyvä uutiskirje koostaa artikkelit, julkaisut, työpaikat ja linkkivinkit. Kirjeellä on jo yli 1100 tilaajaa.
Huom. Sähköpostiosoitettasi ei luovuteta eteenpäin, eikä käytetä mihinkään muuhun tarkoitukseen – ihan oikeasti.

Siirry takaisin sivun alkuun