Programmierung HTML5-Kundencheck

Download Projektdateien: https://we.tl/JTgydkQnEL

Lieber Auftragnehmer,
für unseren Messestand benötigen wir einen Kundencheck in HTML5, oder einer
ähnlichen Programmiersprache. Ziel des Kundenchecks ist es, den Messebesucher
über ein Touch Screen die Möglichkeit zu geben, die individuelle Kundenzielgruppe
seines eigenen Unternehmens herauszufinden. Dafür muss der Besucher 18 Fragen
beantworten. Als Ergebnis erhält er die für sein Unternehmen relevante
Kundenzielgruppe angezeigt.

Umsetzung
Umgesetzt werden soll das bereits erstellte Screendesign (Photoshop Grafiken) in
HTML5 oder einer ähnlichen Programmiersprache. Dargestellt werden soll der
Kundencheck auf einem 1920x1080 Pixel HD Touch Display. Das Touch Display ist mit
dem Internet verbunden und ermöglicht eine Bedienung über Berührung.
Aufbau des Kundenchecks
Inhalt des Kundenchecks sind 19 Fragen. Abhängig davon, welche Antworten der
Nutzer gibt, erhält man als Ergebnis einen von vier verschiedenen Kundentypen („Der
Traditionalist“, „Der Millenial“, „Der Normalo“, „Der Techi“). Zusätzlich zur Nennung
des Kundentyps erhält man außerdem die wichtigsten Informationen zum Kunden
(Hart Facts) sowie weitere Optimierungsempfehlungen. Klickt man auf der
Ergebnisseite auf „Weitere Informationen“, stellt sich der jeweilige Kunde mit einem
längeren Text noch einmal genauer vor. Mit einem Klick auf „Abbrechen“ wird erneut
der Startscreen des Kundenchecks angezeigt.
Welche Daten werden für den Auftrag mitgeliefert:
1. Vorschaubilder zum Kundencheck – 1 Preview
2. Screendesign (Photoshop), bestehend aus 1. Startseite, 2. Fragenseite, 3.
Ergebnisseite und 4. Ergebnis-Detailseite – 2 Screendesign
3. Alle benötigten Texte – 3 Personas
4. Scoresystem zur Berechnung des Kundentyps (Ergebnisses) als Excel-Datei –
4 Score Calculation
5. Alle benötigten Bilddateien und Icons – 5 Bilddateien
Informationen zum Scoresystem
Um dem Nutzer seinen persönlichen Kundentyp richtig anzuzeigen, wurde ein
Scoresystem erstellt, welches über eine Datenbank die Grundlage des HTML5-
Kundenchecks sein soll. Wie sich die Punkte verteilen, wird in der Excel-Datei genau
beschrieben. Der Kundentyp, welcher den höchsten Scorewert erhält, wird am Ende
des Kundenchecks angezeigt.
Welche Fragen vor Beauftragung noch beantwortet werden sollten
1. In welcher Programmiersprache wollen Sie den Kundencheck und die
Datenbank programmieren?
2. Ist der Kundencheck auf unserem Touch Display über das Interne aufrufbar,
oder in Form einer Desktop-App? (Auf dem Touch Display ist Windows 10
installiert und das Internet angeschlossen)
3. Haben Sie das Scoresystem verstanden oder weitere Fragen dazu? In welcher
Form wird das Scoresystem in den Kundencheck integriert?
4. Bis wann können Sie das Projekt umsetzen (maximal 2 Wochen)?
5. Ist es möglich, die verwendeten Elemente (Buttons, Ergebnis-Detail-PopUp) zu
animieren?  zum Beispiel: Buttonberührung
Sollten wir mit der Umsetzung zufrieden sein, warten weitere tolle Projekte auf
Sie!
Vielen Dank für Ihr Angebot und Ihren Preisvorschlag!