Webanimation

ImmobilienScout24 beauftragte uns für die Gestaltung eines Flash Werbebanners, der alle Immobiliensuchenden auf den Button „Neue Angebote per E-Mail“ aufmerksam machen soll.

Im­mo­bi­lien­Scout24 hat pro Mo­nat rund 10 Mil­lio­nen Be­sucher, da­her ha­ben wir gro­ßen Wert auf eine hohe Per­for­mance und eine gute Browser­abdeckung ge­legt. Die ge­samte Ani­ma­tion wurde ohne Flash ent­wickelt, da­mit sie auch per­fekt auf mo­bi­len iOS- und Android-Geräten dar­ge­stellt wird.

Technik:
XHTML CSS PNG GIF und JavaScript

(Alle Dateien sind insgesamt nur 72KB groß!)

Die Idee:

Die einzelnen Suchergeb­nis­se des Users werden her­vor­ge­hoben, in Echtzeit ge­klont (DOM-Modifikation) und zu­sam­men­ge­fal­tet. Die Ergeb­nis­se wer­den dann in ei­nen Brief­um­schlag ge­scho­ben und von Im­mo­bi­lien­Scout24 als Ab­sen­der ge­stem­pelt. Der geschlossene Umschlag fliegt auf den auf­leuch­ten­den „Neue Angebote per E-Mail“-Button zu, bei dem sich der User anmelden kann.

Hier eine frühe Version von der Animation als Screen Capture Video: