V zadnjem času veliko spletnih strani uporablja predstavitve v izmeničnem "levo-desno" prikazu slike in spremljajočega teksta. Manjša prenova uvodne strani spletne trgovine copati.com je bila odlična priložnost za tak prikaz.

Želeli smo uporabiti običajno sliko pravokotne oblike ter jo samo s CMS urednikom in brez posebnih programov za obdelavo slik prikazati na način:

  • Zarotirana
  • Zaobljena
  • Z ozadjem za bolj nazoren prikaz rotacije in robov
  • Mobile-responsive

Screenshot spletne trgovine:

 

Rezultat


 

Spletna trgovina

Tu lahko hitro pogledate našo aktualno ponudbo.

*Nasvet - uporabite filtre za hitrejše iskanje npr.

 
 
 

Primer 2

  • Slika na levi strani, a na mobile naj bo vseeno pod besedilom.
  • Rotacija tudi na elementu, v katerega je umeščena slika.
  • Neporavnano za bolj sproščen prikaz vsebine.
 
 
 

Povezane vsebine