{"id":22052,"date":"2026-09-28T11:15:45","date_gmt":"2026-09-28T11:15:45","guid":{"rendered":"https:\/\/laolaweb.com\/?page_id=22052"},"modified":"2026-09-28T11:15:45","modified_gmt":"2026-09-28T11:15:45","slug":"viva-la-mama-woocommerce-case-study","status":"publish","type":"page","link":"https:\/\/laolaweb.com\/en\/agentur\/referenzen\/viva-la-mama-woocommerce-referenz\/","title":{"rendered":"Viva la Mama \u2013 WooCommerce Reference"},"content":{"rendered":"
Reference \u00b7 Online shop<\/h6>

Viva la Mama: Relaunch with WooCommerce and Elementor.<\/mark><\/h1>

An online shop for baby-wearing jackets and maternity wear \u2013 consistently \u2018mobile first\u2019, as over 90 % of visits come via smartphone.<\/p>

View website \u2197<\/a><\/div>
Enquire about a similar project \u2192<\/a><\/div><\/div><\/div>
\"Elementor<\/figure>

Built using Elementor Pro & WooCommerce<\/strong>
From us, as an official Elementor Agency Partner.<\/p><\/div><\/div>

Live on vivalamama.de<\/p>

\"The<\/figure>
\"Viva<\/figure>

Baby-carrying jackets & maternity wear<\/p><\/div><\/div><\/div><\/div><\/div><\/section>\n\n

Customer<\/p>

Viva la Mama<\/strong><\/p><\/div>

Industry<\/p>

Maternity wear<\/strong><\/p><\/div>

Project<\/p>

Relaunch & Redesign<\/strong><\/p><\/div>

Technology<\/p>

WordPress \u00b7 WooCommerce \u00b7 Elementor<\/strong><\/p><\/div>

Approach<\/p>

Mobile First<\/strong><\/p><\/div><\/div><\/section>\n\n

01 \/ The project<\/h6>

Designed for the small screen.<\/mark><\/h2>

Viva la Mama designs, manufactures and sells baby-wearing jackets and maternity wear \u2013 mainly through its own online shop.<\/p>

Given the narrow target audience, we opted for a a strict \u2018mobile-first\u2019 approach<\/strong> decided, as over 90 % of visits are made via smartphone.<\/p>

The new WooCommerce<\/a>-Shop was created using the Page Builder from Elementor<\/a> created.<\/p><\/div>

\"Viva-la-Mama<\/figure>

Product details<\/strong>
All colours at a glance<\/p><\/div><\/div><\/div><\/div><\/section>\n\n

The task<\/p>

Build a shop that works perfectly on smartphones \u2013 because over 90 % of visits come from there.<\/p>

Viva la Mama<\/strong>
Relaunch<\/p><\/div><\/div><\/section>\n\n

02 \/ Key areas of implementation<\/h6>

Six building blocks for the relaunch.<\/mark><\/h2>

01<\/p>

Strictly Mobile First<\/h3>

The concept, layout and user interface were initially developed for smartphones \u2013 the platform where the target audience shops.<\/p><\/div>

02<\/p>

Complete redesign<\/h3>

A new logo, new typefaces and new colours give the brand a fresh, consistent look.<\/p><\/div>

03<\/p>

Filters & Sorting<\/h3>

Key shopping features such as filters and sorting have been revamped and optimised.<\/p><\/div>

04<\/p>

Paints as a product<\/h3>

The colours of a model are grouped together into a single product \u2013 you can see which colours are available right from the lists.<\/p><\/div>

05<\/p>

Data migration prior to going live<\/h3>

Orders, comments and reviews from the project period were transferred to the new system shortly before it went live.<\/p><\/div>

06<\/p>

URL mapping for SEO<\/h3>

All existing URLs have been mapped to the new URLs to ensure that keyword rankings are maintained.<\/p><\/div><\/div><\/div><\/section>\n\n

\"Viva<\/figure>

Home page<\/strong>
Designed with a \u2018mobile-first\u2019 approach<\/p><\/div><\/div>

03 \/ Result<\/h6>

New shop, No losses.<\/mark><\/h2>

During the four months the project was being implemented, orders, comments and reviews continued to come in on the old website.<\/p>

We migrated this data to the new system shortly before it went live \u2013 without any data loss. All existing URLs were mapped to the new URLs to ensure that visibility in search engines was maintained.<\/p>

Mobile First<\/strong>For over 90 % smartphone visits<\/p>

Without any loss of data<\/strong>Migration just before going live<\/p>

Rankings secured<\/strong>Clean URL mapping<\/p><\/div>

View website \u2197<\/a><\/div><\/div><\/div><\/div><\/div><\/section>\n\n
04 \/ Services<\/h6>

Your project? Here\u2019s what we can do for you.<\/mark><\/h2>

\u2190 View all references<\/a><\/p><\/div>