Marketing-Website für eine SaaS-Plattform
Marketing-Website und Landingpages einer Hamburger SaaS-Plattform für Instagram-Analytics und Visual Commerce.
- Projektumfeld
- squarelovin
- Branche
- SaaS & Social Media
- Zeitraum
- 2016–2018
- Dauer
- 2 Jahre
- Rolle
- Frontend Developer
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.
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.
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
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.
Tech Stack
HTML5, SCSS, Bootstrap 4, jQuery und Gulp für eine responsive Marketing-Website.
- HTML5
- SCSS
- JavaScript
- Bootstrap
- jQuery
- Gulp
- Responsive Design
- Git
