# Viva la Mama – WooCommerce-Referenz

Referenz · Onlineshop

# Viva la Mama: Relaunch mit WooCommerce und Elementor.

Ein Onlineshop für Babytragejacken und Umstandsmode – konsequent Mobile First, weil über 90 % der Zugriffe über das Smartphone kommen.

[Webseite ansehen ↗](https://vivalamama.de/)

[Ähnliches Projekt anfragen →](#kontakt)

![Elementor Logo](https://laolaweb.com/wp-content/uploads/relaunch/2026/09/elementor.png)**Umgesetzt mit Elementor Pro & WooCommerce**
Von uns als offiziellem Elementor Agency Partner.

Live auf vivalamama.de

![Viva la Mama Onlineshop auf zwei Smartphones](https://laolaweb.com/wp-content/uploads/relaunch/2026/09/referenz-vivalamama-isometrisch-957x1024.png)![Viva la Mama](https://laolaweb.com/wp-content/uploads/relaunch/2026/09/VLM_Viva-la-Mama_Logo_zugeschnitten.png)Babytragejacken & Umstandsmode

Kunde

**Viva la Mama**

Branche

**Umstandsmode**

Projekt

**Relaunch & Redesign**

Technik

**WordPress · WooCommerce · Elementor**

Ansatz

**Mobile First**

01 / Das Projekt

## Gemacht für den kleinen Bildschirm.

Viva la Mama entwirft, produziert und verkauft Babytragejacken sowie Umstandsmode – vorwiegend über den eigenen Onlineshop.

Aufgrund der eng gefassten Zielgruppe haben wir uns in der Konzeptionsphase für einen **strengen Mobile-First-Ansatz** entschieden, denn über 90 % der Zugriffe erfolgen über das Smartphone.

Der neue [WooCommerce](/woocommerce-agentur/)-Shop wurde mit dem Page Builder von [Elementor](/elementor-agentur/) erstellt.

![Produktdetailseite des Viva-la-Mama-Shops mobil](https://laolaweb.com/wp-content/uploads/relaunch/2026/09/referenz-vivalamamam-produktdetailseite.png)**Produktdetail**
Alle Farben auf einen Blick

Die Aufgabe

Einen Shop bauen, der auf dem Smartphone perfekt funktioniert – denn von dort kommen über 90 % der Zugriffe.

**Viva la Mama**
Relaunch

02 / Schwerpunkte der Umsetzung

## Sechs Bausteine für den Relaunch.

01

### Strikt Mobile First

Konzept, Layout und Bedienung wurden zuerst für das Smartphone entwickelt – dort, wo die Zielgruppe einkauft.

02

### Komplettes Redesign

Neues Logo, neue Schriften und neue Farben geben der Marke einen frischen, einheitlichen Auftritt.

03

### Filter & Sortierung

Essenzielle Shopping-Funktionen wie Filter und Sortierung wurden überarbeitet und optimiert.

04

### Farben als ein Produkt

Die Farben eines Modells sind zu einem Produkt zusammengefasst – schon in den Listen ist sichtbar, welche Farben verfügbar sind.

05

### Datenmigration vor Livegang

Bestellungen, Kommentare und Bewertungen aus der Projektzeit wurden kurz vor dem Livegang ins neue System übernommen.

06

### URL-Mapping für SEO

Alle bestehenden URLs wurden auf die neuen URLs gemappt, damit die Keyword-Rankings erhalten bleiben.

![Startseite des Viva-la-Mama-Shops mobil](https://laolaweb.com/wp-content/uploads/relaunch/2026/09/referenz-vivalamamam-startseite.png)**Startseite**
Mobile First gestaltet

03 / Ergebnis

## Neuer Shop, keine Verluste.

In den vier Monaten der Projektumsetzung liefen auf der alten Seite weiter Bestellungen, Kommentare und Bewertungen ein.

Diese Daten haben wir kurz vor dem Livegang ins neue System migriert – ohne Datenverluste. Alle bestehenden URLs wurden auf die neuen URLs gemappt, damit die Sichtbarkeit in den Suchmaschinen erhalten bleibt.

**Mobile First**Für über 90 % Smartphone-Zugriffe

**Ohne Datenverlust**Migration kurz vor Livegang

**Rankings gesichert**Sauberes URL-Mapping

[Webseite ansehen ↗](https://vivalamama.de/)

04 / Leistungen

## Ihr Projekt? Das können wir für Sie tun.

[← Alle Referenzen ansehen](/agentur/referenzen/)

- [WordPress Agentur](/wordpress-agentur/)
- [Elementor Agentur](/elementor-agentur/)
- [WooCommerce Agentur](/woocommerce-agentur/)
- [Barrierefreie Website](/wordpress-agentur/barrierefreie-wordpress-website/)
- [Avada-Theme](/wordpress-agentur/avada-theme/)
- [Umzug zu WordPress](/wordpress-agentur/umzug-zu-wordpress/)
- [Umzug zu WooCommerce](/woocommerce-agentur/umzug-zu-woocommerce/)
- [WordPress-Plugins](/plugins/)

Der nächste Schritt ist ein Gespräch.

## Ihr neuer Auftritt. Fangen wir an.

Schon eine konkrete Idee? Oder einfach das Gefühl, dass Ihre Website mehr kann? Erzählen Sie uns davon.

[Projekt besprechen →](/kontakt/)

Unverbindlich · persönlich · direkt

[Oder anrufen: 0341 52983474](tel:+4934152983474)

![Tobias Ebert, Geschäftsführer von laOlaWeb](https://laolaweb.com/wp-content/uploads/relaunch/2026/09/tobias-ebert-geschatstfuehrer-der-laolaweb-gmbh.png)**Tobias Ebert**

Geschäftsführer · laOlaWeb