Zum Inhalt springen
Patrick Schaub
Zurück zur Übersicht
SaaS & Social Media

SaaS Marketing-Plattform

Frontend Developer2 Jahre2016–2018
HTML5SCSSJavaScriptBootstrapjQueryGulpResponsive DesignGit
Projektumfeldsquarelovin
Jahr2016–2018
RolleFrontend Developer
BrancheSaaS & Social Media
01 — Projekt auf einen Blick

Projekt auf einen Blick

KundenNIVEA, Jack Wolfskin, Schwarzkopf, Marc O'Polo, STABILO
StackHTML5, SCSS, Bootstrap 4, jQuery, Gulp
IterationenMehrere Redesigns über 2 Jahre
Dauer2 Jahre kontinuierliche Frontend-Entwicklung
02Kontext

Kontext

Frontend-Entwicklung für squarelovin — eine SaaS-Plattform aus Hamburg für Instagram-Analytics und Visual Commerce. Die Plattform ermöglichte Marken die Analyse ihrer Instagram-Performance und die Integration von User-Generated Content in ihre Online-Shops. Zu den Kunden zählten namhafte Marken wie NIVEA, Jack Wolfskin, Schwarzkopf, Marc O'Polo und STABILO.

03Aufgabe

Aufgabe

Die Website sollte verschiedene Zielgruppen ansprechen — von Social-Media-Managern bis zu E-Commerce-Entscheidern — und die beiden Kernprodukte Instagram Analytics und Visual Commerce klar positionieren.

Über zwei Jahre hinweg entwickelte sich das Produkt weiter, was mehrere Redesigns und neue Landing Pages erforderte. Jede Iteration musste die wachsende Feature-Liste und den zunehmenden Kundenstamm widerspiegeln.

04Technische Umsetzung

Technische Umsetzung

Die Website wurde als responsive Marketing-Site entwickelt — zunächst mit Gulp und SASS, später mit Bootstrap 4, jQuery und einer überarbeiteten SCSS-Struktur. Produktspezifische Landingpages und Kundenreferenzen unterstützten die Kommunikation der beiden Angebote.

Highlights

  • Responsive Marketing-Site: Layouts für Desktop, Tablet und Smartphone
  • Landing Pages: Dedizierte Seiten für Instagram Analytics und Visual Commerce
  • Case Studies: Kundenreferenzen von NIVEA, Jack Wolfskin u. a. als Social Proof
  • Mehrere Iterationen: Redesign und Feature-Erweiterungen über 2 Jahre
05Mein Beitrag

Mein Beitrag

Als Frontend Developer war ich für die gesamte Frontend-Entwicklung der squarelovin-Website verantwortlich — von der initialen Version 2016 bis zum Redesign 2018. Das umfasste die Umsetzung des Designs, die Entwicklung responsiver Layouts und die Integration von Animationen und interaktiven Elementen.

Die direkte Zusammenarbeit mit dem Hamburger Gründerteam ermöglichte schnelle Iterationszyklen. Feedback wurde zeitnah umgesetzt, neue Ideen konnten schnell prototypisiert und live getestet werden.

06Technologien

Technologien

HTML5, SCSS, Bootstrap 4, jQuery und Gulp für eine responsive Marketing-Website.

squarelovin — Visual Commerce Plattform für Instagram-Marketing