Web-
Designer
Kuka minä olen?
Hei, olen Marika!
Intohimoinen web- ja UI/UX-suunnittelija, luova sielu ja ikuinen unelmoija. Luovuus on aina ollut osa elämääni ja olen etsinyt alaa, jossa voisin todella toteuttaa itseäni. Web-suunnittelu vei minut mukanaan ja Helsinki Design Schoolissa kouluttautuminen vahvisti sen että olin löytänyt oikean suunnan. Rakastan yhdistää visuaalista suunnittelua ja teknistä toteutusta, luodakseni verkkosivustoja, jotka eivät ole vain kauniita, vaan myös toimivia, responsiivisia ja käyttäjäystävällisiä.
Web-maailma kiehtoo minua loputtomilla mahdollisuuksillaan. Inspiroidun luonnosta, arkkitehtuurista, tarinoista ja arjen pienistä hetkistä. Rakastan käsillä tekemistä, luonnossa liikkumista, uppoutumista kirjojen maailmaan ja hitaita aamuja. Liikkuminen on minulle tapa rentoutua ja kerätä uutta energiaa, erityisesti viihdyn pyörän selässä, oli allani sitten metsäpolku tai asfaltti. Luovuus ja toiminnallisuus kulkevat mukanani niin työssäni kuin arjessani. Jos etsit web-suunnittelijaa, joka yhdistää visuaalisen herkkyyden sekä teknisen osaamisen, laita viestiä, niin jutellaan vaikka kahvikupin äärellä. Näet alta jo luotuja töitäni!
Projektit
Slimeversumi
Slimeversumi
Daze
Daze
Rosalía
Rosalía
Mitä on hyvä suunnittelu?
Määrittely
Vahva pohjatyö luo onnistuneen verkkosivun, ilman sitä on vaikea luoda mitään toimivaa. Ennen kuin siirrytään visuaalisiin elementteihin ja tekniseen toteutukseen, on tärkeää selvittää, mitä sivustolta oikeasti tarvitaan. Tämä tarkoittaa tavoitteiden, kohderyhmän ja sisällön kartoittamista sekä rakenteen suunnittelua siten, että käyttökokemus on sujuva ja miellyttävä. Hyvin suunniteltu verkkosivu näyttää ja tuntuu yksinkertaiselta, mutta sen taustalla on lukuisia huolella mietittyjä ratkaisuja. Kun verkkosivun perusta on kunnossa, lopputuloksena on selkeä, toimiva ja käyttäjälähtöinen kokonaisuus, joka täyttää sekä käyttäjien että asiakkaan tarpeet.
UX/UI
Verkkosivujen ulkoasu ei ole vain visuaalista kauneutta, vaan sillä on myös keskeinen rooli sivuston käytettävyydessä. Hyvin suunniteltu UX (käyttäjäkokemus) tekee sivustosta loogisen, selkeän ja miellyttävän käyttää, kun taas UI (käyttöliittymä) varmistaa, että visuaalinen ilme on houkutteleva ja intuitiivinen. Näiden kahden yhdistelmä luo verkkosivun, joka ei vain näytä hyvältä, vaan myös toimii sujuvasti ja ohjaa käyttäjää vaivattomasti eteenpäin. Lisäksi responsiivisuus on välttämätöntä, verkkosivujen on toimittava eri laitteilla puhelimista tietokoneisiin. Näin luodaan sivusto, joka ei vain näytä hyvältä, vaan myös tarjoaa erinomaisen käyttökokemuksen ja näin saa käyttäjän viihtymään sivuilla.
Toteutus
Kun suunnitelma on valmis, on aika viedä se käytäntöön. Rakennan sivuston low-code-työkaluilla, kuten Webflow’lla, jolloin lopputulos on joustava, skaalautuva ja moderni. Sivusto mukautuu sujuvasti eri laitteille ja saavutettavuus huomioidaan koko toteutusprosessin ajan.
Lopuksi viimeistelen kokonaisuuden huolella, testaan toimivuuden ja varmistan, että lopputulos on sekä visuaalisesti tyylikäs että teknisesti moitteeton – valmis julkaistavaksi ja palvelemaan käyttäjiään parhaalla mahdollisella tavalla.
Työkalut suunnitteluun
Grafiikka & kuvitus
Adobe Illustrator on huippu työkalu kun tarvitaan toimivia, kauniita grafiikoita kuten ikonit, vektorikuvat.
Photoshop auttaa hiomaan kuvat viimeisen päälle ja tuomaan visuaaliset elementit eloon.
Käytettävyys ja visuaalinen ilme
Figma on yksi suosikkityökaluistani, se tuo suunnittelun ideat käytännön tasolle ja mahdollistaa verkkosivun ulkoasun hahmottelun jo ennen toteutusta. Se auttaa verkkosivujen rakenteiden, käyttöliittymien ja prototyyppien kehittämisessä sujuvasti.
Lisäksi FigJam on kätevä, kun haluaa kehitellä ideoita ja hahmotella käyttäjäpolkuja.
Verkkokehitys
Webflow on täydellinen, kun haluan rakentaa verkkosivun joustavasti mutta silti saada täyden kontrollin lopputuloksesta. Saan tehtyä responsiiviset sivut, jotka eivät vain näytä hyvältä, vaan myös toimivat moitteettomasti. Pystyn yhdistämään visuaalisen suunnittelun ja kehityksen saumattomasti, jotta lopputulos on sekä käyttäjäystävällinen että esteettisesti miellyttävä.
Olen myös rakentanut verkkokaupan WordPressin ja woocommercen avulla. Tämä yhdistelmä on tehokas luomaan visuaalisia, toimivia ja joustavia toiminnallisuuksia, joita verkkokaupat tarvitsevat.
Muutamia lisä suosikkeja
Adobe Color Wheel ja HueMint - muutama kiva työkalu joita tykkään käyttää apuna väripaletin mietintään.
Stark - Tarkistaa värikontrastin ja antaa WCAG-arvosanat. Näyttää ovatko valitut värit saavutettavia.
TinyPNG – Optimoituu ja pakkaa kuvat ilman laadun heikkenemistä.
Dribbble & Behance – Inspiraatiota UI/UX-suunnitteluun.
Google Fonts – Ilmaiset ja käyttövalmiit web-fontit.
WAVE - Skannaa verkkosivun ja löytää saavutettavuusongelmat. Havaitsee esimerkiksi puuttuvat alt-tekstit, kontrastiongelmat ja semanttiset virheet.
Ota yhteyttä
