Sivuston uudistus

Päätin kohdentaa tekemistäni hieman uusiksi ja uudistin samalla yrityksen nimen, visuaalisen ilmeen ja verkkosivut. Tavoitteena oli toteuttaa kerrankin kattava sivusto, joka ei keskity yksittäisen osaamisen myyntiin, vaan pyrkii näyttämään, miten ongelmanratkaisu ja tekemisen asenne voivat olla samat riippumatta kontekstista tai teknologiasta.

Verkkosivut ovat pitkään olleet itselleni eräänlainen suutarin lapsi –asia, vaikka web-teknologiat ovat täysin ydinosaamistani.

Tavoitteita

Uudistukselle asetetut keskeiset tavoitteet olivat:

• Sisällön kieli suomeksi ja englanniksi
• Ohjelmistokehys, joka hoitaa triviaalit asiat valmiiksi mutta mahdollistaa myös monimutkaisemmat toteutukset
• Kevyt ylläpidettävyys
• Pienet kiinteät kulut
• Mahdollisimman vähäinen riippuvuus SaaS-palveluista

Teknologiavalinnat

Verkkosivuston toteutustapoja on lähtökohtaisesti paljon. Kehittäjätaustaisena minulle oli luontevaa pitää tekninen kontrolli mahdollisimman pitkälti omissa käsissä, mutta samalla varmistaa, että sivuston ylläpito pysyy kevyenä myös pitkällä aikavälillä.

Päädyin Next.js-kehykseen, joka yhdistää palvelin- ja selainpuolen renderöinnin sekä tarjoaa vahvan kehittäjäyhteisön ja ekosysteemin.

Sivusto ei käytä erillistä sisällönhallintajärjestelmää. Tässä tapauksessa on käytännöllisempää, että sekä sisältöön että lähdekoodiin tehtävät muutokset voidaan tehdä samassa yhteydessä ja saman työnkulun kautta. Sisältö jakautuu tarpeen mukaan JSX-komponentteihin ja MDX-dokumentteihin.

Henkilökohtainen sivusto

Uudistuksen rinnalle rakensin täysin uuden sivuston, henri-inkinen.fi, omille projekteilleni ja kokeiluilleni. Se käyttää samaa teknistä pohjaa (Next.js ja MDX ilman erillistä sisällönhallintajärjestelmää), mutta ilme, sävy ja sisältö ovat omansa: sivusto on suomenkielinen ja kertoo tekemisen tarinoita eikä keskity konsultointiin.

Hiottuja yksityiskohtia

Sivustot ovat kauttaaltaan responsiivisia ja mukautuvat eri päätelaitteille. Layoutissa käytetyt kuvat ovat pääosin vektorigrafiikkaa ja ne tukevat sekä vaaleaa että tummaa värimaailmaa selaimen asetusten mukaisesti. Kummankin sivuston visuaalinen teema on kokonaisuudessaan omaa käsialaa.

Tällä rakenteella molempien sivustojen pitäisi palvella hyvin vuosiksi eteenpäin. Pieniä muutoksia ja uutta sisältöä syntyy luonnollisesti jatkuvasti.