CASE STUDY

BUSINESS-PLATTFORM IN FORM EINER SINGLE-PAGE-APPLICATION

BOTSCHAFTEN EIN GESICHT GEBEN -

PROZESSE VERSCHLANKEN,
KUNDEN ANSPRECHEN UND MODELS VERWALTEN

BER DIE BRDERCHEN UND SCHWESTERCHEN GMBH

Brderchen und Schwesterchen ist eine inhabergefhrte Modelagentur. Seit neun Jahren sind die Ds-
seldorfer mit einem Portfolio vielzhliger individueller Gesichter erfolgreich am Markt prsent. Neben der
Vermittlung von Models plant Brderchen und Schwesterchen Shootings, Drehs und Prsentationen und
fhrt sie gemeinsam mit ihren Kunden durch. Die Vermittlung von Make-Up- und Hair-Artists sowie Loca-
tions zhlen ebenso zum Angebot der Agentur.

FLYACTS GMBH DAS PROJEKT WURDE UMGESETZT

EBERTSTRASSE 8 // 07743 JENA FR

+49 3641 55 987 90

mail@flyacts.com
www.flyacts.com 1
 CASE STUDY
AUSGANGSPUNKT /
ANFORDERUNGEN
Die Modelagentur Brderchen und
Schwesterchen GmbH arbeitete bisher
mit drei verschiedenen Systemen, um
ihren Workflow bestehend aus Model-
und Terminverwaltung sowie Abrechnung
abzubilden. Darber hinaus basierte die
Webseite der Dsseldorfer Agentur auf
flash, war nicht responsiv und somit auch
nicht fr mobile Gerte optimiert.
Ein neues Tool soll die bestehenden
Systeme in einem Interface vereinen, um
so die Arbeitsablufe zu vereinfachen und
die Kundenansprache ber die Webseite
zu modernisieren. Weitere Anforderungen
waren auerdem ein modernes, flates
und responsives Design und ein intuitives
Bedienkonzept. Darber hinaus sollen
die Webtechnologien HTML5, CSS3 und
JavaScript die bestehende flash-Lsung
der Webseite ersetzen. Ein geeignetes
CMS zur Verwaltung und Administrati-
on von Inhalten war ebenso wichtig. Da
keine passende Standardlsung fr die
individuellen Bedrfnisse der Modelagen-
tur auf dem Markt existiert, beauftragte
Brderchen und Schwesterchen FLYACTS
mit der Umsetzung.
FLYACTS GMBH
EBERTSTRASSE 8 // 07743 JENA
+49 3641 55 987 90
mail@flyacts.com
www.flyacts.com
UMSETZUNG
FLYACTS entwickelte eine Busines-
splattform in Form einer Single-Pa-
ge-Application (Web-App) auf Basis
der Webtechnologien rund um HTML5,
dem Framework AngularJS sowie einem
Magento-Backend. Das Shopsystem
Magento bietet sowohl einen mchti-
gen Funktionsumfang backend-seitig
als auch die Flexibilitt, das Frontend
eigenstndig zu entwickeln. ber eine Castingablauf
REST-API konnte das Interface komplett
individuell auf die Bedrfnisse der Mode-
lagentur umgesetzt werden.
Hervorzuheben ist der Funktionsumfang
der Business-Web-App: Sowohl Brder-
chen und Schwesterchen, deren Kunden,
als auch Interessenten sowie die Models
arbeiten mit diesem System interaktiv
zusammen. Dementsprechend bestand
eine Herausforderung darin, alle Parteien
auf der Business-Plattform zu vereinen
und den bergreifenden Workflow zu
garantieren.
DAS PROJEKT WURDE UMGESETZT
FR
FUNKTIONSBERSICHT DER
BUSINESS-WEB-APP
Rollen mit unterschiedlichen Administra-
tionsrechten
Speicherung, Verwaltung, Katalogosierung,
Prsentation und Abrechnung der Models
Anlegen, Verwalten und Versenden von
Model-Kollektionen
Angebotserstellung und Bearbeitung,
zeitliche Planung, Rechnungserstellung
fr Kunden und Models
Contentverwaltung Frontend
Verwaltung der Modelbewerbungen /
Jobplanung der Models
Portfolio-Tool: Online-Bildbearbeitung,
-verwaltung mit Live-Vorschaufunktion,
automatische PDF-Generierung
Ausfhrliche Modelsuche
Modelbuchung und -anfrage
Zusammenstellung eigener Model-Kol-
lektionen
Modelbewerbung
Multilingualitt (Deutsch, Englisch, Fran-
zsisch)
2
 CASE STUDY

Schnittstellenanbindung (Backend)
Magento REST-API, Erweiterungen

Technologien Dauer
HTML5 6 Monate
CSS3
JavaScript Browsersupport
Chrome, Safari, Firefox & IE

Frameworks Endgerte
AngularJS Desktop, Smartphone & Tablet
Bootstrap
Leistung
Beratung, Konzeption, Design,
Projektmanagement, Entwicklung,
Backend & Schnittstellenanbindung

FUNKTIONSBESCHREIBUNG

Die Businessplattform ermglicht der Agentur die Speicherung,

Verwaltung, Katalogisierung und Prsentation der Models. Die
Agentur-Mitarbeiter erstellen und bearbeiten des Weiteren
Angebote und knnen gleichzeitig die Termine der Models
einteilen und deren Jobs planen. Ebenso wird die Abrechnung
sowohl kunden- als auch modelseitig ber die Web-Anwen-
dung realisiert. Zustzlich bildet die Plattform den Bewer-
bungsprozess und den Castingablauf ab. Ein weiteres Highlight
ist ein Online-Bildbearbeitungs- und Verwaltungstool mit einer
Life-Vorschaufunktion. Hieraus lassen sich automatisch Sed-
cards in Form von PDF-Dateien generieren.
Fr die Kunden der Dsseldorfer Agentur entwickelte FLYACTS
eine separate Zugangsebene. Registriert bzw. eingeloggt
knnen sie die Modelkarteien durchsuchen, Models buchen
bzw. anfragen und sich via Multiple Wishlist eigene Kollektio-
nen zusammenstellen. Die eigenen als auch die vorbereiteten
Kollektionen von Brderchen und Schwesterchen sind darber
hinaus als PDF downloadbar oder knnen an andere Empfn-
ger versendet werden.
Auch Interessenten ohne eigenen Account informieren sich
ber die Single-Page-Anwendung ber die Agentur und deren
Portfolio. Somit steht auch Gsten die Funktion der Kollektion
zur Verfgung. Sie haben aufgrund der diskreten Philosophie
von Brderchen und Schwesterchen jedoch nur eingeschrnk-
ten Zugriff auf alle Stammdaten und Bilder der Models.
Auf eine weitere Benutzerebene mit eigenem Dashboard grei-
fen die Models selbst zu. Auch sie registrieren sich mit einem
eigenen Account und verwalten ihre Kontaktdaten selbst-
stndig ber die Businessplattform. Weitere Funktionen sind:
Einsehen der Jobbersicht und Abrechnungsdetails sowie die
Ausgabe der eigenen Sedcard im PDF-Format in verschiede-
nen Konfigurationen.

FLYACTS GMBH DAS PROJEKT WURDE UMGESETZT

EBERTSTRASSE 8 // 07743 JENA FR

+49 3641 55 987 90

mail@flyacts.com
www.flyacts.com 3
 CASE STUDY
AUFBAU UND DESIGN
Die Optik der Single-Page-Business-Application ist in einem flat
anmutendem Design gehalten und somit klar und dezent. Mit
Full-Screen-Bildern transportiert die Plattform jedoch trotzdem
die ntige Emotionalitt, um die Kunden anzusprechen und sie
zu berzeugen. In jeder Ansicht stehen eindeutig die Models im
Vordergrund. Das Design lenkt somit nicht von den Gesichtern
der Models ab, denn dies ist das Kerngeschft der Agentur - den
Botschaften und Kampagnen der Kunden Gesichter zu verleihen.
Darber hinaus knnen die Kunden von allen Ansichten aus direkt
in die Modelsuche einsteigen.
FLYACTS GMBH
EBERTSTRASSE 8 // 07743 JENA
+49 3641 55 987 90
mail@flyacts.com
www.flyacts.com
In der Single-Page-Application sind verschiedene Slider ver-
arbeitet: Neben der Modelansicht knnen die Besucher auch
zwischen verschiedenen Newsartikeln wechseln. Das schafft eine
einheitliche Seitenstruktur mit der ntigen Funktionalitt. Sowohl
die Men- als auch die Kollektion-Sidebar lsst sich jederzeit ein-
und ausklappen, um sich durch die Anwendung zu navigieren
oder seine Kollektion einzusehen. Auch hier zeigt sich deutlich die
Prmisse, dass die Models im Vordergrund stehen. Alle Ansichten
passen sich der jeweiligen Bildschirmgre an.
WEITERE GEPLANTE MEILENSTEINE
Aufgrund der Entwicklung mittels Webtechnologien lassen sich
Erweiterungen und Zusatzfunktionalitten in weiteren Meilen-
steinen einfach integrieren. Darber hinaus ist eine Tablet-App
fr die Models in Planung. Sie ermglicht den Models whrend
der Castings die Eingabe Ihrer persnlichen Daten, die direkt ins
bestehende System eingespeist werden. Auch diese App dient
entsprechend der Prozess-Vereinfachung.
DAS PROJEKT WURDE UMGESETZT
FR
4