Kollaasi, jossa on logo, nettisivun yläosa ja vesiväritaustaa.

Uusi ilme verkkokaupalle: Lemmikkitarvike Kaikkea Kaverille

Lemmikkitarvike Kaikkea Kaverille on kotimainen pienyritys, joka myy lemmikkitarvikkeita verkossa. Yritys on toiminut jo pitkään ja nyt haluttiin uudistaa verkkokaupan visuaalista ilmettä.

Tavoitteena oli selkeyttää sivustoa sekä antaa luotettava ja kiinnostava ensivaikutus sivuston kävijöille. Haluttiin parantaa käyttäjäkokemusta, kuitenkin säilyttäen sivuston läheinen ja lämmin tunnelma.

Lopputulos oli enemmän kuin asiakas aluksi pyysi

Sivuston raikastustyöt aloitettiin aluksi kevyesti suunnittelemalla uudelleen sivuston header-osa, mutta lopulta raikastettiinkin koko brändin ilme. Vähän innostuttiin :D. Ja miksei, kun kerran aloitettiin.

Mitä tehtiin?

Kaikkea Kaverille-logoikoni

Uusi logo

Suunnittelin asiakkaalle uuden logon, joka viestii kaverillisuutta, lemmikkirakkautta ja brändin sydämellisyyttä.
Samalla logossa on kaikki brändivärit hyvin esillä.

Brändivärit neliöinä ja typografiaa

Brändivärit ja typografia

Väreiksi valitsin luottamusta, luonnollisuutta ja iloa osoittavia sävyjä. Päävärinä on pehmeä vaalea oranssi.
Otsikoiden fontiksi valittiin pyöreämuotoinen leikkisyyttä viestivä Baloo 2.

Teeman mockup-laatikko

Uusi teema ja ulkoasu

Uuden Skilled in sales -WordPress-teemaani avulla oli helppo ja nopea asettaa uudet brändivärit. Tein sivustolle kustomoidun Headerin luomalla uuden lapsiteeman (child theme).

Sivuston uusi raikas ilme

Sivuston ilme muuttui merkittävästi. Aikaisemmin sivustolla oli isot upeat taustakuvat, mutta ne haluttiin nyt poistaa valkoisen taustan tullessa tilalle. Samalla luettavuus parani.

Brändivärityksessä haluttiin säilyttää vanha fiilis eli maanläheiset sävyt. Niille annettiin vain kirkkaampi sävy ja tuotiin sininen uutena apuvärinä.

Uusi logo, selkeämpi design ja puhtaan raikas ulkoasu herättävät yhdessä luottamusta ja sivustoa on miellyttävä käyttää.

Kustomoitu header

Lemmikkitarvike Kaikkea Kaverille -sivuston header.

Käyttöön otettu Skilled in sales-teema on täysin toimiva verkkokaupalle, mutta halusimme nostaa sivuston yläosassa eli headerissa esille kaikkein tärkeimmät asiat:

  • Mikä erottaa verkkokaupan muista ja miten asiakas hyötyy valitsemalla sen
  • Tuotehaku hauskalla tassupainikkeella
  • Painikkeet verkkokaupan asiakkaille.

Toteutin uuden headerin tekemällä teemasta nk. lapsiteeman (child theme), jonka avulla voi tehdä muutoksia alkuperäiseen teemaan. Tällöin muutokset eivät tuhoudu, kun alkuperäistä teemaa päivitetään.

Kokonaisuus on nyt todella selkeä ja käyttäjäystävällinen. Se antaa heti tärkeimmät syyt valita tämä verkkokauppa ja kannustaa etsimään tuotteita.

Tuotekategoriat

Lemmikkitarvike Kaikkea Kaverille -sivuston etusivun tuotekategoriat: koira, kissa, marsu ja lintu

Etusivun tuotekategoriat saivat brändiväreihin sopivat kuvat. Jokaisella tuoteryhmällä on oma tunnistettava kuvitus. Niissäkin on pyöreät muodot, kuten otsikoiden fontissakin.

Samalla asiakas sai bannereille ja tuotekategorioille tiedostopohjat, mikä mahdollistaa sen, että hän voi jatkossa lisätä tai muuttaa kategorioita itse tyylien säilyessä samana.

Etusivun layout

Lopputulos

Lopputulos on visuaalisesti yhtenäinen, selkeä ja lämmin. Se kuvastaakin hyvin asiakkaan liiketoimintaa ja sitä mitä se edustaa.

Sivustoa on nyt myös helpompi ylläpitää selkeän brändikirjan ja tiedostopohjien avulla, jolloin asiakas voi keskittyä palvelemaan lemmikkien omistajia ympäri Suomea.

Vieraile sinäkin sivustolla kaikkeakaverille.fi ja hanki lemmikkisi tarvikkeet kotimaiselta yritykseltä nopealla toimituksella tai vinkkaa ystävälle!

Haluatko sinäkin uutta ilmettä nettisivuillesi?

Jos yrityksesi nettisivut tuntuvat aikansa eläneiltä tai eivät enää palvele asiakkaitasi parhaalla mahdollisella tavalla, ota yhteyttä. Saat helposti ylläpidettävän, toimivan ja kauniin sivuston, mikä inspiroi sekä sinua että asiakkaitasi.

👉 Pyydä tarjous tai tutustu verkkokurssiini ja tee vaikuttavat kotisivut itse.

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *

This site uses Akismet to reduce spam. Learn how your comment data is processed.