Kuvaile tunnetta, älä tyyliä
”Moderni ja selkeä” sopii puoleen internetistä, joten avustaja ei saa kuvauksesta juuri mitään irti. Kerro mieluummin, miltä sivuston pitäisi tuntua ja kenelle sivusto on tehty. Tunnelmasta syntyy oikeita valintoja väreistä, fonteista ja asettelusta.
Lämmin, vähän vanhanaikainen leipomon sivusto. Sivustolla pitäisi tuntua siltä kuin astuisi sisään kuudelta aamulla: jauhoja, puuta ja liitutaululle käsin kirjoitetut hinnat. Asiakkaamme ovat naapureita, eivät turisteja.
Käytä oikeaa sisältöäsi
Mitä tarkempi sisältö, sitä osuvampi ulkoasu. Neljäntoista ruokalajin lista suunnitellaan eri tavalla kuin neljän. Perustajan tarinaa kertova yritys näyttää erilaiselta kuin yritys, joka rakentuu hintojen ympärille.
Kerro sen verran kuin osaat, vaikka karkeasti: palvelut ja hinnat, aukioloajat, mikä erottaa sinut muista ja miten puhut asiakkaillesi.
Tarjoamme kolmea hierontaa: 30 min 45 €, 60 min 75 € ja 90 min 105 €. Avoinna tiistaista lauantaihin klo 10-18. Olemme rentoja ja vähän hauskoja, emme koskaan kliinisiä.
Valitse yksi silmiinpistävä yksityiskohta
Mieleenpainuvat sivustot nostavat yleensä esiin yhden asian ja pitävät kaiken muun rauhallisena. Valitse oma juttusi: yllättävä väri, persoonallinen fontti, isot kuvat, käsin piirretyt kuvakkeet tai leikkisä liike.
Käytä yhtä hyvin kirkasta väriä, räväkkää tomaatinpunaista, ja pidä kaikki muu mustavalkoisena.
Käytä otsikoissa suurta, ilmeikästä serif-fonttia ja pidä muu teksti hillittynä ja yksinkertaisena.
Pyydä animaatioita harkiten
Liike voi saada sivuston tuntumaan elävältä tai liian vilkkaalta. Avustaja lisää liikettä oletuksena, kun liike sopii tyyliin, joten kerro, mitä haluat:
- ”Tuo osiot näkyviin pehmeästi, kun sivua vieritetään.”
- ”Kun hiiri on tuotekortin päällä, nosta korttia hieman.”
- ”Lisää hitaasti liikkuva rivi asiakkaidemme logoja.”
- ”Laske näkyviin tulevat luvut nollasta ylöspäin.”
- ”Ei liikettä, ei animaatioita.”
Jos kävijä on poistanut animaatiot käytöstä laitteeltaan, hän ei näe animaatioita joka tapauksessa. Sivusto noudattaa tätä asetusta.
Näytä sivustoja, joista pidät
Liitä linkki mieleiseesi sivustoon tai nykyiseen sivustoosi ja kerro, mistä tarkalleen pidät. Avustaja lukee sivun tekstit mutta ei näe, miltä sivu näyttää. Kuvaile siis ulkoasu myös omin sanoin ja kerro, mitä et halua.
Pidän sivustosta https://example.com: isot kuvat reunasta reunaan, hyvin vähän tekstiä ja valikko, jossa on vain muutama sana nurkassa. En halua mitään, mikä näyttää pohjalta, jossa on rivikaupalla kuvakkeita.
Lisää omia valokuviasi
Oikeat kuvat paikastasi, ihmisistäsi ja työstäsi vaikuttavat eniten. Jos kuvaa ei ole, avustaja jättää paikalle merkinnän, jossa kerrotaan, mitä kuvassa pitäisi näkyä, esimerkiksi ”tiski aamunkoitteessa, lämmin valo”.
Käytä merkintöjä kuvauslistana. Lisää kuvat chatin kuvapainikkeella tai vetämällä ruutuun ja kerro, mihin kukin kuva kuuluu. Jo hyvät puhelinkuvat ovat kuvapankin kuvia parempia, kun kuvaat päivänvalossa ja samalla tyylillä.
Kerro tarkasti, jos jokin tuntuu oudolta
”Tee sivusta näyttävämpi” jättää avustajan arvailemaan. Osoita kohta, joka tuntuu oudolta, ja kerro, mikä on vialla.
| Vältä | Kokeile |
|---|---|
| Paranna ulkoasua. | Etusivu tuntuu ahtaalta. Anna osioille enemmän tilaa ja käytä vähemmän mutta isompia kuvia. |
| Vaihda värit. | Käytä tummaa metsänvihreää ja lämmintä luonnonvalkoista taustaa. Oranssia vain painikkeisiin. |
| Teksti näyttää oudolta. | Otsikot ovat puhelimella liian ohuita luettaviksi. Tee otsikoista lihavampia ja vähän pienempiä. |
| Tee sivustosta ammattimaisempi. | Tee sivustosta enemmän asianajotoimiston kuin startupin näköinen: klassinen serif-fontti, hillitty tummansininen ja suorat kulmat. |
Haluatko kokonaan uuden ilmeen? Sano suoraan
Pienistä pyynnöistä tulee pieniä muutoksia. Jos haluat kokonaan toisenlaisen tyylin, sano suoraan. Silloin avustaja aloittaa ulkoasun alusta eikä vain vaihda vanhan värejä.
Uudista koko sivuston ulkoasu täysin erilaiseksi: tummemmaksi ja lehtimäisemmäksi, isoilla kuvilla.
Jos haluat valita uuden ulkoasun itse, valitse projektin yläreunasta Uudista ulkoasu. Hae ja selaa hyvin suunniteltuja sivustoja, valitse yksi ja päätä, säilyvätkö tekstisi ja kuvasi ennallaan. Nykyinen versio jää historiaan, joten voit aina palata takaisin.
Katso sivua myös puhelimella
Useimmat kävijät näkevät sivustosi puhelimella. Vaihda esikatselu puhelinnäkymään jokaisen muutoksen jälkeen ja kerro, jos jokin tuntuu ahtaalta, liian pieneltä tai liian pitkältä.
Hyödyllisiä sanoja
Suunnittelijoiden sanastoa ei tarvita, mutta muutamalla sanalla pyynnöt sujuvat nopeammin.
- Serif- ja sans-serif-fontit
- Serif-kirjaimissa on pienet ”jalat”, ja vaikutelma on klassinen tai lehtimäinen. Sans-serif-kirjaimet ovat pelkistettyjä ja moderneja.
- Tyhjä tila
- Tyhjä tila asioiden ympärillä. Kun tilaa on paljon, sivu tuntuu rauhalliselta ja laadukkaalta. Kun tilaa on vähän, sivu tuntuu vilkkaalta ja energiseltä.
- Kontrasti
- Kuinka selvästi asiat erottuvat toisistaan. Suuri kontrasti on rohkea ja iskevä, pieni kontrasti pehmeä.
- Korostusväri
- Väri, joka on varattu painikkeille, linkeille ja korostuksille.
- Hero-osio
- Etusivun yläosa, jonka kävijä näkee ensimmäisenä.
- Ruudukko ja epäsymmetria
- Siistit, tasaiset palstat tai tarkoituksella epätasainen, aikakauslehtimäinen asettelu.
- Hover-tila
- Mitä tapahtuu, kun hiiren osoitin on jonkin päällä. Esimerkiksi kortti nousee tai väri vaihtuu.
- Vieritysanimaatio
- Sisältö, joka ilmestyy tai liukuu paikalleen, kun vierität sivua alaspäin.
Kokeillaanko?
Avaa projektisi ja lähetä jokin näistä seuraavaksi viestiksi.