Een kleine verandering in webdesign met een grote impact

Toen ik een nieuwe site lanceerde, wilde ik een soort functie aan de blog toevoegen die de nieuwe site zou benadrukken. Ik wilde het echter niet al te duidelijk maken of de blog zelf wegnemen.

Het antwoord was klein, maar had een enorme impact… een kleine nieuwe afbeelding toevoegen aan de link in het navigatiemenu. (klik door naar het post om het in actie te zien). Ik heb een aantal dagen alleen met de link gerend en kreeg geen verkeer. Ik heb de afbeelding toegevoegd en nu gaat 8.5% van het uitgaande verkeer via die link!

In plaats van de afbeelding daadwerkelijk in de HTML in te sluiten, heb ik CSS gebruikt, zodat ik het in de toekomst voor andere nieuwe functies kon gebruiken. De CSS ziet er als volgt uit:

span.new {background: url (/mytheme/new.png) no-repeat rechtsboven; opvulling: 0px 18px 0px 0px; }

De achtergrond verankert de afbeelding rechts boven de tekst en voorkomt dat deze wordt herhaald. De opvulling duwt de spanwijdte 18 pixels voorbij de tekst, zodat uw afbeelding duidelijk zichtbaar is. Het insluiten op de pagina is nu eenvoudig, ik gebruik gewoon een span-tag rond mijn tekst:

Beoordelingen

Soms is er niet veel nodig om uw lezers in een nieuwe richting te wijzen!

3 reacties

  1. 1
  2. 2
  3. 3

Wat denk je?

Deze site gebruikt Akismet om spam te verminderen. Ontdek hoe uw reactiegegevens worden verwerkt.