2016
X

HUG Familie – Quiz

Integriertes Responsive HTML5-Game mit Parallax- & CSS-Effekten

Messe dich mit deinen Arbeitskollegen und teste jetzt dein Wissen über die HUG AG, unsere Marken und Produkte, Produktion und allgemein zu unserem Familienversprechen Natürlich · Ehrlich.

«Mit einer strengen, selbst auferlegten Rohstoff-Charta wollen wir unseren Kunden die Gewissheit geben, dass wir unsere HUG, DAR-VIDA und Wernli Produkte aus möglichst natürlichen Rohstoffen herstellen. Die Charta regelt in Form einer Leitlinie den Rohmaterialeinsatz für das Marktsortiment im Detailhandel und in der Gastronomie.»

Mit dem HUG Familie-Quiz lernst du unser Familienversprechen «Natürlich · Ehrlich» spielerisch kennen, kannst dein Wissen testen und dich mit deinen Arbeitskollegen messen. Wenn du alle Fragen bis Ende November 2015 beantwortest, hast du die Chance attraktive Preise zu gewinnen!

An diesem Projekt habe ich für meinen ehemaligen Arbeitgeber Responsive AG (Zürich) als Game- & Webdesigner in den hier aufgeführten Bereichen mitgewirkt.

Anforderungen

Integriertes HTML-Game in einer Responsive Website mit Anbindung an den Game-Server

Technik, Administration & CMS2-sprachig, HTML5, CSS3, PHP-CMS Framework, Angular

Browser & DevicesAlle gängigen und modernen Browser bis IE9, Desktop, Laptop, Netbook, Tablets und Smartphones (Swiping) sowie Vermeidung von Flash.

Key Visual, Look & Feel

Übersichtlich, spielerisch lieblich, elegant und modern – auf jedem Medium

Mechanismus Click & Answer Log dich ein mit deiner Personalnummer und einem persönlichen Passwort. Sobald du eingeloggt bist, kannst du oben links auf deinen Namen klicken und dein Passwort ändern.

Je schneller du eine Frage richtig beantwortest – du hast pro Frage maximal 45 Sekunden Zeit – desto mehr Punkte erhältst du. Wenn du die Frage nicht innerhalb der vorgegebenen Zeit beantwortest, kriegst du für diese keine Punkte. Nachdem du alle 10 Fragen des jeweiligen Monats beantwortet hast, siehst du sofort, wo du aktuell in der Rangliste stehst. Klicke auf Gesamtübersicht, um deinen Stand in der Gesamtrangliste über alle bisher gespielten Monate zu sehen.

Parallax EffekteJquery in das CMS integriert: Header-Bereich, einzelne PNG und GIF Elemente

Anleitung

HUG Familie – Natürlich · Ehrlich Quiz

1. Anmelden So einfach wirst du HUG Quiz-Champion: Log dich ein mit deiner Personalnummer und einem persönlichen Passwort. Sobald du eingeloggt bist, kannst du oben links auf deinen Namen klicken und dein Passwort ändern.

2. Teilnehmen Auf der Quiz Seite siehst du deine noch offenen Herausforderungen à zehn Fragen. Du erhältst immer Anfang Monat vom Juni bis November 2015 eine neue Herausforderung. Bitte beachte jedoch, dass du jede Herausforderung innerhalb von maximal drei Monaten spielen musst. D.h. zum Beispiel die Juni Herausforderung bis spätestens am 31. August 2015. Die letzte Teilnahmemöglichkeit wird jedoch so oder so der 30. November 2015 sein.

3. Gewinnen Je schneller du eine Frage richtig beantwortest – du hast pro Frage maximal 45 Sekunden Zeit – desto mehr Punkte erhältst du. Wenn du die Frage nicht innerhalb der vorgegebenen Zeit beantwortest, kriegst du für diese keine Punkte. Nachdem du alle 10 Fragen des jeweiligen Monats beantwortet hast, siehst du sofort, wo du aktuell in der Rangliste stehst. Klicke auf Gesamtübersicht, um deinen Stand in der Gesamtrangliste über alle bisher gespielten Monate zu sehen.

Screendesign

Microsite Parallax Desktop-Ansicht

zurück zu HUG Browser-Games Zur offiziellen Webseite

Mit freundlicher Genehmigung von Agentur Responsive AG (Schweiz), Kunde HUG AG (Schweiz), Designer Mario Farez Lewandowski. Die Rechte liegen bei den jeweiligen Inhabern.