Réussite !

Notes

Erreur

Session expiration Your session is going to expireClick here to extend

Budget

Petit budget <800

Posté le

18/06/19 17:34

Freelancer location requirement:

Allemagne

Ce projet est terminé

Quelqu'un a déjà accepté ce projet sur twago. Inscrivez-vous aujourd'hui et trouvez le projet qu'il vous faut!

Publiez un projet similaire dès maintenant

Description du projet :

Es soll ein full-responsiver dynamischer Slider-Banner erstellt werden, der sich aktuelle Vorschauvideos zieht und diese passend auf mobilen (auch Tablets) und Desktop Endgeräten darstellt. 


Als Datenbasis dient eine JSON Datei, die alle 120 softcore Vorschauvideos aus unseren Top-Videos enthält.

Felder:

Video-Titel Softcore = video_name

Amateur-Name-Softcore = nickname

Anzahl Videos = count_videos

Video Softcore-Screenshot als CDN-URL = preview_img

Video-Vorschau = preview_url

Video-URL = video_url


JSON Datei wurde von uns erzeugt und wird gestellt, siehe Anhang als ZIP. 


An die Ziel-URLs müssen die Tracking-Parameter übergeben werden. Diese werden per GET an die Banner-URL übergeben. Diese können 1zu1 durchgereicht werden.


Aus der JSON Datei müssen per PHP dann immer per Zufall 9 Videos gezogen werden. Mit diesen Daten wird dann der Banner entsprechend gefüllt. Diese werden dann im Banner ausgegeben.


Banner selbst soll per Javascript eingebunden werden.


Beispiel:

script type=“text/javascript” src=“https://b.big7.com/camfinder.php?wmb=6“/script


Beschreibung des Sliders allgemein

- Der Slider soll immer 9 Videos beinhalten, wobei 3 Videokacheln sichtbar, der Rest scoll-/slidebar zu erreichen ist.

- Die Videokacheln zeigen einen dynamischen Videotitel (JSON Datei = “Video-Titel Softcore”) vor halbtransparentem, dunklen Hintergrund sowie einen dynamischen Nickname (JSON Datei = “Amateur-Name-Softcore”) und die Videoanzahl (JSON Datei = “Anzahl Videos”) im unteren Bereich

- Der gesamte Slider bzw die drei Videokacheln, liegen auf einem weißtransparenten Hintergrund


Info: Auf dem Mockup sind Schatten und leichte Verschiebungen in der Anzeigeposition des Mittigen Videos zu erkennen. Diese Stylefaktoren lassen den Slider plastisch wirken und sollen übernommen werden.


Desktop

- rechts und links befinden sich Navigationspfeile zum “durchsliden” / klicken im Werbemittel der Videos


Mobil

- Navigationspfeile nur angedeutet und nicht klickbar, da die Navigation durch Wischen erfolgt


Verhalten der Videos (siehe Mockup “Mockup Videobanner_final”)

- Das in der Mitte ausgewählte bzw. befindliche Video mit Videoscreenshot (JSON Datei = “Video Softcore-Screenshot als CDN-URL”) lässt sich durch einen Klick auf den Play Button einmalig abspielen (JSON Datei = “Video-Vorschau”) und schließt mit einem CTA (siehe Mockup “Mockup Videobanner_ Darstellung button_final”) ab. Der Klick auf den CTA bzw. das Video führt auf eine dazugehörige Unterseite (JSON Datei = “Video-URL”).

- Rechts und links sind die Videovorschaubilder (JSON Datei = “Video Softcore-Screenshot als CDN-URL”) geblurrt, diese werden erst aktiv wenn sie in die Mitte geschoben werden


Mockups und Grafiken befinden sind im Anhang.

Weitere Informationen zu Farben und Abständen für die maximale Gesamtgröße bei der Desktop Darstellung findet man hier im PDF “Big7 Videobanner full-responsive dynamischer Slide” anbei.