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.

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.

Johtopäätökset

Indical.fi osoittaa, miten tekoälytyökalut muuttavat verkkosivuprojektin tekemistä: Claude Design nopeutti suunnittelua, tekoälyllä luodut tuotekuvat antoivat laitteille yhtenäisen visuaalisen ilmeen ja Claude Code mahdollisti räätälöidyt koodikomponentit, joihin ei perinteisellä työnkululla olisi ylletty. Framer sitoi kaiken yhteen — lopputuloksena on nopea, hakukoneystävällinen ja helposti ylläpidettävä sivusto, joka skaalautuu yrityksen kasvun mukana.