Projektit

Aloitin OptiMed-projektin alusta: suunnittelin sekä lääkäriaseman verkkosivuston visuaalisen ilmeen että sen rakenteen. Valitsin vaalean, skandinaavisen tyylin, turkoosit korostusvärit ja luonnollisen valokuvamaailman. Yksi haasteista oli järjestää laaja yksityis- ja yritysasiakkaiden palveluihin, lääkäreihin ja laboratoriotutkimuksiin liittyvä tietosisältö niin, että sivustolla olisi helppo liikkua ja löytää tarvittavat tiedot. Projektin edetessä kokonaisuus laajeni pelkkää verkkosivustoa suuremmaksi. Klinikka tarvitsi myös hallintajärjestelmän, jonka avulla henkilökunta voisi ylläpitää sisältöä itsenäisesti. Toteutin sisällönhallinnan Payload CMS:llä ja PostgreSQL:llä, rakensin toisiinsa liittyvät tietorakenteet ja määrittelin roolipohjaiset käyttöoikeudet. Frontend on toteutettu Next.js:llä, TypeScriptillä ja Tailwind CSS:llä.

Projekti lähti liikkeelle olemassa olevasta brändi-ilmeestä ja runsaasti sisältöä käsittävästä verkkosivustokonseptista, joka esittelee ammattimaisia kauneudenhoitolaitteita ja ihonhoitotuotteita. Haasteenani oli hyödyntää brändin omia värejä kiinnostavan digitaalisen kokonaisuuden luomisessa ja suunnitella kaksi harmonista teemaa, jotka säilyttävät brändin tunnistettavuuden. Koska sivusto sisältää paljon teknistä tietoa ja tuotesisältöä, kiinnitin erityistä huomiota tekstin ja kuvien tasapainoon. Tavoitteena oli tehdä laajasta tietosisällöstä helposti lähestyttävä ja visuaalisesti kiinnostava ilman, että kokonaisuus tuntuu raskaalta tai yksitoikkoiselta. Lopputuloksena syntyi responsiivinen React-sovellus kolmella kielellä — suomeksi, englanniksi ja viroksi. Sivusto yhdistää harkitun UI/UX-suunnittelun, interaktiiviset elementit ja selkeän tietorakenteen.

Laivanrakennukseen ja laivojen sisustuspalveluihin erikoistuneen yrityksen Webflow-sivuston kokonaisvaltainen uudistus. Suunnittelin alusta alkaen uuden merellisen visuaalisen ilmeen, jossa sulavat animaatiot ja interaktiiviset elementit tuovat sivustolle liikettä ja persoonallisuutta. Samalla tavoitteena oli pienentää asiakkaan jatkuvia alusta- ja hosting-kustannuksia. HTML:llä, CSS:llä, JavaScriptillä ja uudelleenkäytettävillä PHP-komponenteilla toteutettu monikielinen sivusto yhdistää näyttävän designin ja kevyen, helposti ylläpidettävän rakenteen.

Ammattitaiteilijalle suunniteltu portfoliosivusto, jonka visuaalinen konsepti sai inspiraationsa pienen taidegallerian tunnelmasta. Suunnittelin ilmeen alusta alkaen hyödyntäen lämpimiä sävyjä, teosten harkittua kehystystä, hienovaraista tilavaikutelmaa ja pehmeitä animaatioita, jotka tuovat maalaukset esille fyysisinä taideteoksina. Next.js:llä, TypeScriptillä, Tailwind CSS:llä ja Framer Motionilla toteutettu sivusto sisältää responsiivisen taidegallerian, teoskohtaiset sivut, näyttelyosion ja mahdollisuuden tiedustella teoksista.

Olemassa olevalle sijoitusklubille kehitetty interaktiivinen verkkosivusto, joka esitellään toistaiseksi demoversiona. Rakensin visuaalisen konseptin latautuvan akun ympärille: täyttyvät elementit ja animaatiot symboloivat energiaa, kehitystä ja kasvua. Tumma väripaletti, sähkönsiniset ja syaanit korostusvärit sekä fluoresoivat hohde-efektit luovat erottuvan teknologisen tunnelman. Next.js:llä, Reactilla, TypeScriptillä, Tailwind CSS:llä ja Framer Motionilla toteutettu projekti sisältää klubin todellisiin tietoihin perustuvia animoituja tilastoja, interaktiivisia yhteisövisualisointeja ja dynaamisia käyttöliittymäelementtejä.

Asiakkaalle suunniteltu interaktiivinen kampanjasivu, joka esittelee lapsille ja aikuisille tarkoitettuja luovia taittelu- ja leikkauspulmakirjoja. Suunnittelin paperiaskartelusta inspiroituneen käyttöliittymän, jossa kulmikkaat muodot, kerrokselliset elementit, hienovaraiset tekstuurit, revityn paperin reunuksia jäljittelevät osioiden rajat ja 3D-korttiefektit kuvastavat kirjojen luovaa ideaa. HTML:llä, CSS:llä ja JavaScriptillä toteutettu projekti yhdistää responsiivisen suunnittelun ja leikkisät CSS-animaatiot. Sivustoa ei julkaistu kaupalliseen käyttöön, joten se esitellään demoversiona.