Kids Playland background

Eine Branding-, UX/UI- & Entwicklungstransformation für Kidsplayland

Kids Playland website on a laptop

Kunde

•KidsPlayLand

Zeitrahmen

•15 Tage

Lieferung

•UX-Research

•UI-Design

•Komplette Website-Entwicklung

•AWS-Deployment

AUSGANGSLAGE

Kids Playland benötigte eine übersichtlichere Website für Familien, die zwei Standorte besuchen. Eltern mussten praktische Informationen finden, eine Geburtstagsparty planen und wichtige Aktionen durchführen können, ohne unzusammenhängende Seiten durchsuchen zu müssen. Das Redesign sollte zudem die spielerische Markenidentität in ein konsistenteres digitales Erlebnis überführen.

LÖSUNG

Snow Dream Studios GmbH gestaltete die Website rund um die Entscheidungen neu, die Familien vor einem Besuch treffen. Klare Pfade führen zu Standortdetails, Geburtstagsreservationen und Geschenkgutscheinen. Wir verfeinerten das bereitgestellte Logo, entwarfen das Interface in Figma und entwickelten die vollständige WordPress-Website inklusive Formularen und Bezahlfunktion.

ÜBERBLICK

Kids Playland bietet Indoor-Spielerlebnisse für Familien im Letzipark und in Dietlikon. Snow Dream Studios GmbH hat die Website innerhalb von 15 Tagen neu gestaltet und entwickelt. Die Website vereint Besuchsinformationen, Geburtstagsreservationen und Gutscheinkäufe in einer farbenfrohen Benutzeroberfläche, die auf Desktop und Mobilgeräten gleichermassen überzeugt.

Technologien

  • CSS (Frontend)CSS (Frontend)
  • MySQL (Datenbank)MySQL (Datenbank)
  • Javascript (Frontend)Javascript (Frontend)
  • WordPress (CMS)WordPress (CMS)
  • PHP (Backend)PHP (Backend)

Design-Software

  • FigmaFigma
  • Adobe PhotoshopAdobe Photoshop
  • Adobe IllustratorAdobe Illustrator

Deployment & Server-Administration

  • Amazon Web ServicesAmazon Web Services
  • EC2-InstanzEC2-Instanz
  • S3-BucketsS3-Buckets

LEISTUNGEN

Snow Dream Studios GmbH übernahm das Redesign von der UX-Forschung und dem Interface-Design über die WordPress-Entwicklung bis hin zum AWS-Deployment. Zudem verfeinerten wir die bestehende visuelle Identität und entwickelten die Abläufe für Reservationen, Gutscheine, Bezahlung und Formulare.

UX-Research
UI-Design
Verfeinerung der visuellen Identität
WordPress-Entwicklung
AWS-Deployment

UNSERE ENTSCHEIDUNG

Familien kommen meist mit praktischen Fragen: Wohin gehen, was es kostet oder wie man eine Feier organisiert. Wir haben die Website genau um diese Aufgaben herum strukturiert. Das Design bewahrt den fröhlichen Charakter von Kids Playland und macht Informationen sowie Aktionen gleichzeitig leicht auffindbar.

Grafikdesign

01BRANDING
BRANDING
02FARBPALETTE
FARBPALETTE
1. Primärfarbe2. Sekundärfarbe3. Barrierefreiheit (Kontrastverhältnis)
1. Primärfarbe2. Sekundärfarbe3. Barrierefreiheit (Kontrastverhältnis)
03TYPOGRAFIE
TYPOGRAFIE
1. Schriftauswahl2. Lesbarkeit
1. Schriftauswahl2. Lesbarkeit
04IKONOGRAFIE & BILDSPRACHE
IKONOGRAFIE & BILDSPRACHE
1. Icon-Stil2. Illustration
1. Icon-Stil2. Illustration
Decorative background glow
01
BRANDING
Kids Playland branding banner
Decorative background glow
02
FARBPALETTE
D0248E0095DA4649FE

FARBE

ED3D92 + ED3D92088CDB + 9016F8

VERLAUFSKONTRAST

03

TYPOGRAFIE

LES- BARKEIT

PrimärBlinky Star
SekundärDM Sans
Extra LightKids PlayLand

The quick brown fox jumps over the lazy dog

RegularKids PlayLand

The quick brown fox jumps over the lazy dog

MediumKids PlayLand

The quick brown fox jumps over the lazy dog

Semi BoldKids PlayLand

The quick brown fox jumps over the lazy dog

BoldKids PlayLand

The quick brown fox jumps over the lazy dog

04

IKON-STIL

check
blue_circle
cross
delete_red
face_3
animated_images
fit_screen_p
credit_card
payment

UX/UI Design

Wir haben die Seiten rund um die Informationen gestaltet, die Eltern vor einem Besuch benötigen. Standortdetails, Preise, Geburtstagsoptionen und Buchungsaktionen folgen einem einheitlichen Layout auf Desktop und Mobilgeräten.

UI-Komponenten

w1
widget 1
widget 2
widget 3

Desktop-Ansicht

Das Desktop-Layout gibt den Bildern von Kids Playland den Raum zu wirken, während Besuchsinformationen und nächste Schritte stets leicht zu finden sind.

Kids Playland desktop view

Hauptseiten

Standorte

Familien finden alle nötigen Details, um einen Besuch am gewünschten Standort zu planen.

Standorte

Geburtstagsparty

Party-Informationen und der Weg zur Reservation sind zusammengeführt, was die Planung einer Feier vereinfacht.

Geburtstagsparty

Schulausflüge

Die Seite präsentiert Informationen für Gruppenbesuche mit einem einfachen Weg zur unverbindlichen Anfrage.

Schulausflüge

Mobile Web-Ansicht

Kids Playland Mobile View

Das mobile Layout hält Preise, Standorte und Aktionen auch auf kleineren Bildschirmen leicht zugänglich. Familien können nahtlos vom Entdecken zur Reservation oder zum Gutscheinkauf übergehen, ohne wichtige Informationen aus den Augen zu verlieren.

Side 1
Side 2
Side 3

ENTWICKLUNG

Wir haben die neu gestaltete Website mit WordPress, PHP, MySQL, CSS und JavaScript entwickelt. Der gelieferte Umfang umfasst Geburtstagsreservationen, Gutscheinkäufe, Bezahlungen und Formulare. Snow Dream Studios GmbH hat die Website mit AWS EC2 und S3 bereitgestellt.

Leistungskennzahlen (KPIs)

Wir haben die Website-Geschwindigkeit, die mobile Benutzerfreundlichkeit, die Server-Reaktionszeiten und die Interaktion der Besucher gemessen, um die Wirkung des Redesigns zu bewerten.

Seitenlade-Performance

Der Largest Contentful Paint sank von 3,8 auf 1,2 Sekunden – eine Reduktion um 68 %.

LadezeitVorher
3,8s
LadezeitNachher
1,2s

Responsives Design

Wir haben 14 Layout-Probleme auf Mobilgeräten behoben. Die Benutzerfreundlichkeit stieg gemäss Messung von 40 % auf 90 %.

BenutzerfreundlichkeitVorher
40%
BenutzerfreundlichkeitNachher
90%

Systemzuverlässigkeit

Die gemessene Server-Latenz sank von 180 ms auf 40 ms bei 99,99 % Verfügbarkeit.

ZuverlässigkeitVorher
180ms
ZuverlässigkeitNachher
40ms

Nutzer-Engagement

Das Design verzeichnet einen Anstieg von 15 % auf 35 %. Die zugrundeliegende Kennzahl wird vor der Veröffentlichung präzisiert.

SitzungsdauerVorher
15%
SitzungsdauerNachher
35%

Wachstum & Bindung

Das Design weist ein monatliches Wachstum von 10 % auf 24,8 % auf. Die Messmethode und der Berichtszeitraum werden final bestätigt.

MoMVorher
10%
MoMNachher
24.8%

Wichtige Herausforderungen und Lösungen bei der Entwicklung

01Herausforderung: Organisation zweier Standorte
02Herausforderung: Verknüpfung von Reservationen und Käufen
03Herausforderung: Klares Erlebnis auf mobilen Endgeräten
development

Problem: Problem: Familien mussten Besuchsinformationen für Letzipark und Dietlikon finden, ohne die beiden Standorte zu verwechseln.

Lösung: Wir gaben jedem Standort einen klaren Pfad zu seinen praktischen Informationen und relevanten Aktionen.

01

Problem: Problem: Geburtstagsreservationen, Gutscheinkäufe und Bezahlungen sollten sich wie aus einem Guss anfühlen.

Lösung: Wir bauten zielgerichtete Abläufe auf, die Besucher von der relevanten Information direkt zum passenden Formular oder Bezahlschritt leiten.

02

Problem: Problem: Ein verspieltes Design musste Preise, Standorte und Aktionen auch auf kleineren Bildschirmen intuitiv bedienbar machen.

Lösung: Wir verfeinerten die bestehende visuelle Identität und erstellten responsive Layouts mit klarer Navigation und gut lesbaren Inhalten.

03

Technische Architektur & Tech-Stack

Aufgebaut auf einem sauberen, wartbaren Stack, der für Performance und langfristige Benutzerfreundlichkeit gewählt wurde.

WordPress

Content Management und Website-Seiten.

PHP

Backend-Funktionalität.

MySQL

Website-Datenspeicherung.

JavaScript

Responsives Styling und Interface-Verhalten.

AWS EC2 und S3

Bereitstellungsinfrastruktur.

tech frame

Fazit

Kids Playland benötigte eine Website, die die Planung eines Besuchs erleichtert. Innerhalb von 15 Tagen verfeinerte Snow Dream Studios GmbH die bestehende visuelle Identität, gestaltete das Nutzererlebnis neu und entwickelte eine WordPress-Website für beide Standorte. Familien haben nun klarere Wege zu praktischen Informationen, Geburtstagsreservationen und Geschenkgutscheinen.

Bereit loszulegen?