INDICAL

Indical on tamperelainen asiantuntijayritys, joka auttaa sairaaloita ja lääketeollisuutta välinehuollon validoinnissa, koulutuksessa ja laiteratkaisuissa. Uudistin yrityksen verkkosivuston kokonaisuudessaan — suunnittelusta ja sisältörakenteesta tekniseen toteutukseen ja julkaisuun osoitteessa indical.fi.

Uudistus ei jäänyt pelkkään sivustoon. Tein Indicalille myös logouudistuksen uusine värityksineen ja korkearesoluutioisine SVG-versioineen, uuden faviconin, kokonaan uuden väripaletin sekä typografiavalinnat — otsikoiden Instrument Serif antaa asiantuntijabrändille tunnistettavan luonteen.

Projekti oli näyte modernista tekoälyavusteisesta työnkulusta. Suunnittelin sivuston ensin valmiiksi Claude Designissä ja rakensin sen pikselintarkasti Frameriin. Laitteiden tuotekuvat loin tekoälyllä: SAFE CleanBox -mallisto (STK 100, 103 ja 113) sai yhtenäiset, fotorealistiset visualisoinnit, jotka istuvat saumattomasti sivuston ilmeeseen.

Sivuston visuaalinen kohokohta on Claude Codella koodattu animoitu Suomen kartta — räätälöity React-koodikomponentti, jossa yli 800 pisteen rasteri hengittää hillitysti ja asiakaskaupungit korostuvat kartalla Tampereen kotipesän ympärillä. Toinen räätälöity komponentti animoi avainluvut näkyviin rullauksen tahdissa.

Sivusto on kaksikielinen. Englanninkielinen versio syntyi tekoälykäännöksellä käytännössä yhdellä napin painalluksella — sisältö tarkistettiin, mutta korjattavaa jäi hämmästyttävän vähän. Kävijä ohjataan automaattisesti oikealle kielelle.

Sisällönhallinta rakentui Framerin CMS:n varaan: ajankohtaiset, laitteet, koulutukset, UKK ja referenssit ovat kokoelmia, joita asiakas päivittää itse ilman koodia — laitesivut generoituvat kokonaan CMS:stä. Kokonaisuuden viimeistelevät rauhalliset scroll-animaatiot, monivaiheinen Pyydä tarjous -lomake ja huolellinen responsiivisuus kolmella breakpointilla.