Jarkko Viitakangas » Web design

Yrityksen kotisivut

Jarkko — Tue, 15 Jun 2010 12:33:32 +0000

Olen saanut muutaman kysymyksen yrityksen kotisivuihin liittyen. Minulta on kysytty sitä, että mihin asioihin kannattaa kiinnittää huomio kotisivuprojektia aloitattaessa. Listaan tässä omasta mielestäni 3 tärkeintä kohtaa, joita noudattamalla epäonnistuminen on vaikeaa.

1. Hakukonenäkyvyys. Hienoimmillakaan sivuilla ei tee mitään jos sinne ei saada kävijöitä. Hakukoneoptimointi on nykyään helppoa, eikä se vaadi juuri mitään ihmeellistä erikoisosaamista. Tarjolla on myös todella toimivia ilmaisohjelmia.

2. Sivujen helppo päivitettävyys. Aika merkittävä osa yrityksistä päivittää sivuja harvoin tai ei koskaan. Jokainen voi tietysti miettiä, että minkälaisen kuvan tämänkaltainen toiminta antaa potentiaaliselle asiakkaalle ja yhteistyökumppaneille.

3. Sivujen ulkoasun suhteen tärkeintä on selkeys. Tarvittava tieto on löydyttävä helposti ja turhia mietiskelemättä. Yleisesti ottaen toivon kuitenkin enemmän rohkeutta web-designin suhteen, sillä tylsiä sivuja on jo ihan riittävästi.

Kuumimmat web design trendit

Jarkko — Wed, 26 May 2010 15:07:54 +0000

1. Isot kuvat

2. Isot ja korkeat yläosat

3. Päätteelliset fontit (serif)

Tekniikka alkaa olemaan kohta kaikin puolin sillä tasolla, että noita serif fontteja uskaltaa käyttää ilman pelkoa suttuisesta lopputuloksesta.

Muita trendejä tänäkin vuonna ovat yksisivuiset sivut, isot fontit ja “käsin kirjoitetut” fontit.

Valitse verkko-osoitteesi oikein

Jarkko — Sat, 08 May 2010 07:22:59 +0000

Lähtökohtana valita verkko-osoite yrityksen nimen mukaan on ymmärrettävä, mutta ei välttämättä oikea strategia. Oikein valitun verkko-osoitteen ansiosta on sinulla mahdollisuus kasvattaa hakukonenäkyvyyttäsi merkittävällä tavalla ja saada tätä kautta lisää kävijöitä sivuillesi.

Esimerkiksi jos siivouspalvelusi nimi on moppi, niin moppi.fi ei missään tapauksessa ole hyvä osoitevalinta. Sitä vastoi siivouspalvelu-moppi.fi on jo paljon parempi ratkaisu, sillä saat jo pelkästään osoitteen ansiosta hyvän edun moneen kilpailijaasi nähden.

Apuvälineitä Web designerille

Jarkko — Thu, 29 Oct 2009 15:42:24 +0000

Verkkosivujen pienten yksityiskohtien hiominen vie monesti yllättävän paljon aikaa. Onneksi web designerien elämää helpottavat monet apuvälineet, joita netti meille tarjoaa. Olen jo aiemmin esitellyt palveluja, missä pystyt luomaan ja lataamaan taustakuvioita. Listaan tässä artikkelissa apuvälineitä, jotka säästävät aikaasi ja takaavat onnistuneen lopputulokset.

Colormixers.com – Värityökalu

Web20badges.com – Luo helposti merkkejä ja kylttejä

Freshgenerator.com – Apuväline grafiikan valmistamiseen

Somacon.com – HTML ja CSS kehykset

Typetester.org – Vertaile eri fontteja

Highdots.com – CSS-linkkipalkit

Vektorigrafiikkaa

Jarkko — Sun, 18 Oct 2009 11:43:46 +0000

Vektorigrafiikka perustuu koordinaatistoon sidottuihin objekteihin, kuten suoriin, monikulmioihin, ympyröihin ja kaariin. Objektien muodot ja ominaisuudet esitetään koordinaatein sekä matemaattisin funktioin. Tämä mahdollistaa sen, että vektorigrafiikalla luodun kuvan kokoa voidaan muuttaa ilman, että kuvasta tulee rakeinen kuten bittikarttakuvasta suurennettaessa. Lisäksi vektorigrafiikkakuva vie vähemmän tilaa kuin bittikarttakuva. Vektorigrafiikkaa pystyy tekemään ja muokkaamaan esimerkiksi Adobe Illustrator (maksullinen) tai Inkscape (ilmainen) ohjelmilla.

Löydät alapuolelta 5-sivua, joista voit ladata vektorigrafiikkaa ilmaiseksi.

1. Vectorlady

2. Vecteezy!

3. 123 Vectors

4. Cool Vectors

5. I Heart Vector

5 ilmaista sivupohjaa

Jarkko — Thu, 15 Oct 2009 17:01:41 +0000

Välillä on melkein pakko haukkoa henkeä, kun selailee netistä löytyviä ilmaisia sivupohjia. Valikoima on loputtoman runsas ja tarjolla on todella laadukasta jälkeä.

On tietysti selvää, että sivupohjaa täytyy muokata omia tarpeita vastaavaksi, mutta tästä huolimatta esimerkiksi pienyrityksille ilmainen sivupohja on varteenotettava ratkaisu kotisivuja ajatellen. Jos osaaminen ei riitä sivupohjan muokkaamiseen, voi työn ostaa web design palveluja tarjoavalta taholta. Näin toimimalla putoaa hinta ainakin puoleen siitä, jos teetättäisit sivut alusta loppuun ulkopuolisin voimin. Esittelen tässä yhteydessä 5 ilmaista sivupohjaa.

Esikatsele | Lataa

Esikatsele | Lataa

Esikatsele | Lataa

Esikatsele | Lataa

Esikatsele | Lataa

10 omaperäistä fonttia

Jarkko — Fri, 09 Oct 2009 17:25:41 +0000

Netti suorastaan pursuaa sivuja, joista voit ladata ilmaisia fontteja. Oma suosikkipalveluni fonttien etsimiseen on dafont.com, josta kaikki tässä artikkelissa esittelemäni fontit on löydetty.

Minulta kysyttiin taannoin sitä, että kuinka isokokoista tekstiä web-sivuilla kannattaa suosia, ja mitä fontteja olisi hyvä käyttää. Tähän ei ole yhtä oikeaa vastausta, sillä tekstin koko, kirjasintyyppi ja kirjasinleikkaus riippuu aina käyttökohteesta. Yleisohjeena voinen sanoa, että leipätekstin on syytä olla reilun kokoista, ettei sitä tarvitse tihrustaa. Esimerkiksi Taloussanomien uutisia on tekstin koon puolesta huomattavasti mukavampi lukea kuin vaikkapa Ilta-Sanomien juttuja.

Esittelen tässä sinulle 10 erilaista fonttia, joita voi kuvailla sanoilla nuorekas, rohkea, likainen ja omaperäinen. On totta, että tämänkaltaisen fonttien käyttömahdollisuus on aika rajallinen. Jos kuitenkin tarvitset fonttia, joka poikkeaa massasta ja herättää mielenkiintoa, niin kannattaa katsoa nämä fontit läpi.

1. Times New Yorker

2. Inked God

3. Black Oak

4. Broken Ghost

5. Epoxy History

6. Birth of a Hero

7. Defused

8. Trashed

9. Sniper

10. Anthology

Taustakuvioita

Jarkko — Thu, 08 Oct 2009 10:29:03 +0000

Web-sivun taustan valitsemiseen kannattaa käyttää aikaa. Monesti yksinkertainen on kaunista ja toimivaa, joten pelkkä valkoinen tai vaikkapa musta tausta ajaa asian mainiosti. Jos kuitenkin haluat sivulle lisää eloa ja omaperäisyyttä, saattaa ratkaisu löytyä taustakuvioista. Taustakuviota pystyy hyödyntämään monella tapaa. Voit täyttää sillä sivun taustan kokoaan tai vain tiettyjä alueita sivustasi, kuten esimerkiksi sivun yläosan. Täydellisen taustan etsiminen on aikaavievää puuhaa, joten listaan tähän helpotukseksi muutamia sivuja, joista voit ladata ilmaisia taustakuvioita.

patterns.ava7.com

6 Twitter-ikonia

Jarkko — Tue, 29 Sep 2009 14:23:38 +0000

Olen totaalisen ihastunut Twitteriin! On varsin valitettavaa, ettei Twitter ole lyönyt itseään läpi Suomessa. Toivotaan, että sekin päivä vielä joskus koittaa… Suunnittelin eilen 6 twitter-ikonia, joita voit käyttää vapaasti omissa projekteissasi.

Lataa ikonit tästä

Mielenkiintoisia footer ratkaisuja

Jarkko — Mon, 28 Sep 2009 10:30:02 +0000

Footer (alatunniste, sivun alaosa) on perinteisesti jäänyt varsin vähälle huomiolle. Yleensä löydät sivun alalaidasta vain copyright-merkinnän, yhteystiedot ja jotain sekalaisia linkkejä. Nyt trendi on kuitenkin muuttumassa, ja etenkin monet bloggaajat on sisällyttänyt footer-osioon paljon oleellista tietoa, kuten viimeisimmät päivitykset ja kommentit. Vaikka footer sijaitseekin sivun alaosassa, ei se tarkoita sitä etteikö sen ulkoasuun ja sisältöön pidä kiinnittää huomiota. Listaan ohessa 10 mielenkiintoista ja inspiroivaa footer ratkaisua.

wearenotfreelancers.co.za

yodiv.com

istokpavlovic.com

spoutcreative.com

markmcgall.com

vimeo.com

samrayner.com

espace.com

1ncu8u5.co.uk

volll.com