Mit Web-
technologien
kundenindividuelle
Wünsche erfüllen
Case Study:
Produktkonfigurator
Web-App
Biohort
1 Anforderungen
2 Umsetzung
3 Ergebnis
2
Inhalt
FLYACTS
DIE APP AGENTUR
Klick für Klick zum Wunschprodukt
3
1 Anforderungen
FLYACTS
DIE APP AGENTUR
4
1 Anforderungen
FLYACTS
DIE APP AGENTUR
- Ablösung der flash-Variante
- Funktionsfähigkeit auf allen
gängigen Browsern und
Betriebssystemen
- Mehrsprachigkeit
- Mehrwährungsfähigkeit
- erweiterungsfreundliche
Entwicklung
- Verbesserung der Usability
Eine Codebasis - alle Geräte
5
2 Umsetzung
FLYACTS
DIE APP AGENTUR
6
2 Umsetzung
FLYACTS
DIE APP AGENTUR
- Webtechnologien (HMTL5,
CSS3, JavaScript)
→ Browser- und betriebs-
systemübergreifend
- Frameworks:
- AngularJS
- jQueryUI (Drag & Drop)
- Usability:
- automatische Türflügel-
Ausrichtung
- Kollisonsdetektion
7
2 Umsetzung
FLYACTS
DIE APP AGENTUR
Technologien
HTML5
CSS3
JavaScript
Frameworks
Angular JS
jQuery
Dauer
1 Monat
Browser-
support
Chrome
Safari
Firefox
IE
Endgeräte
Desktop
Tablet
Leistung
Entwicklung
im Überblick:
Der Kunde ist Teil des Entstehungsprozesses
8
3 Funktionen
FLYACTS
DIE APP AGENTUR
9
3 Funktionen
FLYACTS
DIE APP AGENTUR
- Auswahl von Größe und Farbe des
Nebengebäudes
- Auswahl weiterer Elemente wie
Fenster, Türen oder Tore via
Drag & Drop
- Auswahl des Zubehörs
via Checkboxen und Select Dropdown
- Kollisionsdetektion zur korrekten
Zusammenstellung
- Live-Vorschaufunktion vom Haus
- PDF-Generierung mit Grundriss und Bestellliste
- Internationalität: mehrere Sprachen & Währungen
www.flyacts.com/biohort-produktkonfigurator-
casanova-gartenhaeuser
10
Mehr erfahren unter:
FLYACTS
DIE APP AGENTUR
hier finden Sie:
- zusätzliche
Informationen
- eine ausführliche
Case Study zum
Download
FLYACTS GmbH
Eberstr. 8
07743 Jena
+49 36 41 55 987 90
www.flyacts.com
Verwendung unter
Quellenangabe
erwünscht.

Case Study: Produktkonfigurator Web-App