Home Blogs Top Progressive Web App Beispiele: Tinder, Twitter, Walmart
Applications

Top Progressive Web App Beispiele: Tinder, Twitter, Walmart

About The Author

Outline

Unternehmen aller Art setzen nun die neuesten Technologien ein, darunter Progressive Web Apps (PWAs), Single-Page Applications (SPA) und React Websites. Die Leistung mobiler Netzwerke ist für diese Branchenführer kein Problem mehr, die auf Headless eCommerce umgestiegen sind und fortschrittliche E-Commerce-Webanwendungen für lichtschnelle, konvertierende Erlebnisse nutzen.

Da Geschwindigkeit mit Umsatz gleichgesetzt ist und eCommerce eine äußerst wettbewerbsfähige Branche ist, ist es schwierig, Beispiele für fortschrittliche Web-Apps zu finden. Wir sind jedoch der Meinung, dass diese Informationen an die Öffentlichkeit weitergegeben werden sollten, da die PWA-Anwender eine höhere Sichtbarkeit, einen höheren Datenverkehr, eine höhere Interaktion und eine höhere Konversionsrate erhalten. Um E-Commerce-Unternehmen dabei zu unterstützen, die aktuelle Landschaft zu verstehen und einen Eindruck davon zu bekommen, wo sie stehen, stellen wir monatlich einige der besten E-Commerce-PWA-Beispiele vor. Innerhalb dieser Ratenzahlung haben wir die führenden Unternehmen in den Branchen Wohnkultur, Social Networking und Masseneinzelhandel aufgegliedert.

Social-Networking-Plattformen mit PWAs

1. Pinterest – PWA

Pinterest war einer der ersten Anwender, die PWA für ihre iOS- und Android-Nutzer entwickelten. Eine Plattform, die kreative Köpfe inspirieren sollte, ließ Menschen ihre mobile Erfahrung verlassen. Pinterest berichtete, dass die neue native App-ähnliche PWA-Erfahrung die Anzahl der aktiven mobilen Benutzer um mehr als das Doppelte erhöhte und die Sitzungsdauer sich fast um das Vierfache erhöhte. Ihre Javascript-Nutzlast für die Homepage stieg von ~490 KB auf ~190 KB, wodurch selbst in Umgebungen mit geringer Bandbreite nahezu sofortige Seitenladevorgänge für Benutzer erstellt wurden. Push-Benachrichtigungen, Aufforderung „zum Homescreen hinzufügen“, Einstellung „Nachtmodus“ und Asset-Caching haben für mobile Benutzer ein wirklich ansprechendes Erlebnis geschaffen.

2. Tinder – PWA

Tinder, die Dating-App mit über 60 Millionen monatlichen Nutzern in über 250 verschiedenen Ländern, liefert einen PWA für Desktop- und mobile Benutzer. Das neue Web-Erlebnis, bekannt als Tinder Online, erhält mehr Wischen, Profilbearbeitungen und Zeitaufwand pro Benutzersitzung als das native App-Erlebnis. Dank der geringen Größe des PWA-Kerns konnte Tinder die Ladezeiten von 11,9 Sekunden auf 4,69 Sekunden verkürzen und die Benutzer auf einem Allzeithoch interagieren – und nach rechts wischen.

Vergleich des Tinder PWA mit nativen Anwendungsbeispielen. (Quelle: Mittel)

3. Twitter – PWA

In direktem Bemühen, die Nutzerinteraktion zu steigern, wandte sich Twitter der PWA-Technologie zu, um ein besseres Nutzererlebnis zu bieten und erzielte große Erfolge. Twitter Lite ist ein großartiges PWA-Beispiel, da es die Anzahl der gesendeten Tweets um 65 % erhöht und die Anzahl der gesendeten Tweets um 75 % erhöht hat. Durch Hinzufügen des Datensparmodus und Optimierung der PWA-Größe auf 60 KB konnten ihre über 300 Millionen aktiven mobilen Benutzer selbst in 2G-Netzwerken schnell durch Inhalte navigieren.

Wohnkultur mit PWAs

4. Annie Selke – PWA + AMP + SSR

Annie Selke bringt über 170 Besucher im Monat hochwertige Wohnkultur. Das Einrichtungsunternehmen verstand die Bedeutung von Website-Geschwindigkeit auf SEO und SEM und brachte seine PWA mit Auto-AMP-Konvertierung auf Edgios serverlosem Backend for Frontend (BFF) auf den Markt. Annie Selke verzeichnete einen dramatischen Anstieg des organischen mobilen Datenverkehrs um 40,41% und senkte ihre Browsing-Geschwindigkeiten auf eine mittlere Ladezeit von 538 ms auf Edgio. Durch AMP, serverseitiges Rendering und PWA-Technologien sieht Annie Selke eine durchschnittliche Ladezeit der ersten Seite von 0,74 s über alle Datenverkehrsquellen hinweg.

Stellen Sie E-Commerce-Services in weniger als einer Sekunde bereit

Edgio liefert konsistente Seitenladezeiten im Median von weniger als 500 ms für große E-Commerce-Websites. Diese Geschwindigkeitszunahme führt bekanntermaßen zu 15-30% Umbauaufzügen. Vereinbaren Sie ein Beratungsgespräch!

5. Kirkland’s Inc – PWA + AMP + SSR

Kirkland’s hat sich über seine 431 Filialen in 37 bundesstaaten hinaus entwickelt und ist für eine eCommerce-PWA optimiert, um jeden Kunden jederzeit zu erreichen. Die Optimierung der Standortgeschwindigkeit war ihr Hauptziel, da sie sie als Wettbewerbsvorteil bezeichneten. Der Händler für Wohnkultur verwendete Edgios Open-Source-React PWA-Framework mit integrierter AMP-Konvertierung und serverseitiger Rendering-Unterstützung in der Edgio-Infrastruktur. Kirkland’s gehört mittlerweile zu den schnellsten Websites für den Einzelhandel und ermöglicht schnelle und einfache Einkäufe mit Seitenladezeiten in weniger als einer Sekunde, einem Thumbprint-Checkout und einem Klick-Login.

6. West Elm – PWA

West Elm, im Besitz der Muttergesellschaft Williams-Sonoma Inc., ist ein großer Branchenführer, der PWA-Technologie für sein mobiles Commerce-Erlebnis einsetzt. Der moderne Stil ihrer Produkte passt zu ihrem PWA-Erlebnis und bietet ein elegantes, elegantes Design für die 4 Millionen monatlichen Benutzer. Ihre progressive E-Commerce-Web-App brachte ihnen eine Steigerung der durchschnittlichen Zeit vor Ort um 15 % und eine Steigerung der Konversionsrate um 9 %.

Masseneinzelhändler mit eCommerce-PWAs

7. Macy’s – SPA

Macy’s, ein IR6-Unternehmen und die Nummer 1 in der Bekleidungs- und Zubehörbranche, wechselte zu Headless eCommerce, um seinen über 60 Millionen monatlichen Besuchern das bestmögliche Erlebnis zu bieten. Das Ergebnis: Zweistelliges Online-Wachstum in den letzten drei Jahren. Die Geschwindigkeit der Website von Macy hat sich enorm verbessert und dadurch das Suchranking und die Kundenerfahrung verbessert. Lenny Stofsky, Director of Engineering bei Macy’s, erklärt in diesem kürzlich stattfindenden Webinar, dass der kopflose Ansatz und die Microservices-Architektur sie agiler und wendiger machen. „Durch automatisierte Entwicklungsoperationen, verbesserte Regressionstests und engagierte Teams zur Skalierung und Innovation können wir alle zwei Wochen implementieren“, erklärt Stofsky.

Lenny Stofsky, Director of Engineering bei Macys.com, erläutert den Übergang von einer monolithischen E-Commerce-Plattform mit einem Anbieter zu einem flexiblen, erstklassigen System auf Basis von Mikroservices.

8. Heftklammern – PWA

Die Geschwindigkeit der Website von Staples wurde zur obersten Priorität, um die bestmögliche Benutzererfahrung zu bieten und so mehr Umsatz zu erzielen. Diese erwünschten Ergebnisse wurden wichtig, als der Massenhändler feststellte , dass seine Ladezeit zunahm, ihre Absprungrate zunahm und ihre Konversionsrate abnahm. Nach einer umfassenden Analyse der Kundenerfahrung konnte Staples die mittlere Ladezeit der Homepage um 1 Sekunde verkürzen und die Ladezeit um 6 Sekunden für das 98. Perzentil verkürzen. Das Ergebnis: Eine Steigerung der Konversionsrate um 10 %.

9. Ziel – PWA

TARGET erhält monatlich beeindruckende 100 Millionen Besucher , steht aber immer noch im harten Wettbewerb mit Amazon und Walmart – zwei führenden E-Commerce-Unternehmen, die moderne Technologie einsetzten und ihre Kunden anwarben. Ziel konzentrierte sich auf die Schaffung eines nahtloseren Übergangs zwischen Mobilgeräten und Desktops, nachdem eine Umfrage ergab, dass 80 Prozent der Target-Käufer ihre Einzelhandelserfahrung auf einem Gerät beginnen und wahrscheinlich auf einem anderen beenden. Um schnell auf die sich ständig weiterentwickelnde Landschaft zu reagieren, wurde ein PWA zu ihrer Lösung, um einige ihrer Kernangebote im digitalen Geschäft zu verbessern und Kunden ein ansprechendes, einheitliches Erlebnis auf Mobilgeräten und Desktops zu bieten.

10. Walmart – SPA

Walmart gewinnt in allen Kategorien. Walmart.com und Walmart Lebensmittelgeschäfte nutzen moderne Technologien, um ihr Online-Shopping-Erlebnis für Mobilgeräte und Desktop-PCs zu optimieren. Mit mehr als 11.700 weltweit wollte der Einzelhandelskonzern alle Kunden beeindrucken, „wenn sie in unsere Geschäfte gehen oder sich um unsere Website klicken“, so Judith McKenna, COO von Walmart, USA. Moderne Technologie hat das immersive Online-Erlebnis und die Art und Weise, wie die Geschwindigkeit der Website mit der Zeit vor Ort korreliert, drastisch beeinflusst. Die E-Commerce-Website stellte fest, dass pro 100 ms eine Verbesserung der Seitenladefunktion um bis zu ein Prozent Anstieg des inkrementellen Umsatzes zu verzeichnen war.

Fazit

Progressive Web-Apps sind die Zukunft des E-Commerce. In diesem neuen Zeitalter der modernen Webtechnologie geht es um ein Wettstreit zwischen eCommerce-Unternehmen, um die schnellstmögliche Website und das bestmögliche Nutzererlebnis bereitzustellen, um sich einen Wettbewerbsvorteil zu verschaffen. Native Apps sind nicht mehr die beste Lösung – PWAs sind gleichermaßen interaktiv und vielleicht sogar noch schneller. Kunden haben hohe Erwartungen an die Geschwindigkeit, und E-Commerce-Experten wären klug, ihnen ein blitzschnelles, ansprechendes Erlebnis zu bieten.

Um sich über die Lärmbelästigung zu erheben, folgen Sie dem Beispiel der frühen Einführung von Branchenführern, die von traditionellen Websites zu PWAs/SPAs/React-Websites wechseln und ein nahezu sofortiges Erlebnis bieten, das Conversions und SEO-Siege fördert.

Weitere Beispiele für progressive Web-Apps finden Sie in dieser Liste moderner eCommerce-Unternehmen, die SPA-, PWA- und React-Frameworks verwenden, oder planen Sie ein Beratungsgespräch , um zu erfahren, wie Edgio Ihnen dabei helfen kann, in 12 Wochen mit einem PWA zu arbeiten. Die größten und Besten vertrauen uns, darunter 1-800-Flowers, Shoe Carnival, REVOLVE und viele mehr.