Kuvasarja canvasilla, vieritys ohjaa sitä
Käsin tehty suunnittelu ja liike
Kolme sekuntia vakuuttaa kävijäsi.
Hero ei ole valokuva. Se on kuvasarja, jota vieritys pyörittää kehys kehykseltä, kunnes tuote on selittänyt itsensä.
Tuttu tilanne
Valmistat jotain merkittävää ja sivustosi näyttää keneltä tahansa.
Asiakkaasi avaa kolme välilehteä tiistai-iltapäivänä, kolme toimittajaa, ja alle minuutissa yksi on karsittu. Hän ei lukenut mitään. Hän katsoi. Ja se mitä hän katsoi kertoi kuka näyttää kykenevältä toimittamaan ison projektin ja kuka ei. Pahennus on ongelmaa suurempi: ostetulla pohjalla ensivaikutelma ei ole vain heikko, se on identtinen kilpailijoidesi kanssa, koska se on kirjaimellisesti sama pohja eri sinisellä.
Mitä siihen kuuluu
Kuusi osaa, jo rakennettuna
Vaihtoehtoinen taiteellinen suunta samasta sisällöstä
Oma liike-moottori ilman kolmannen osapuolen kirjastoja
prefers-reduced-motion kunnioitettuna
Kuvien viivästetty lataus
Toimii oikeasti puhelimessa
Miten se tehdään
Neljä vaihetta
1
Katsomme materiaalisi
Mitkä kuvat kelpaavat ja mikä ansaitsee heron.
2
Valitsemme suunnan
Rakennettuna sisältösi päälle, ei lorem ipsumin.
3
Sarja kootaan
Kehykset optimoidaan ja sidotaan vieritykseen.
4
Saavutettavuus ja suorituskyky
Liikkumaton versio, näkyvä fokus, viivästetty lataus.
Kysyttyä
Usein kysytyt kysymykset
Kuinka monta kehystä sarja tarvitsee?
Riippuu kerrottavasta liikkeestä. Vähemmän kehyksiä on kevyempi, enemmän on sulavampi.
Toimiiko tämä nykyisillä kuvillani?
Jos ne ovat tuotekuvia ja hyvin valaistuja, usein kyllä.
Entä jos kävijäni puhelin on säästötilassa?
Hän saa koko sivun. Se mikä heikkenee on efekti, ei sisältö.
Käytättekö maksullista animaatiokirjastoa?
Ei. Kaikki on tehty itse, ilman kolmannen osapuolen kirjastoja tai maksullisia palveluita.