DAS UNGESCHMINKTE PROTOKOLL

Transkript

1 DAS UNGESCHMINKTE Case Study tutto PROTOKOLL bene: ANDRONACO

2 A G E N D A WIR ANALYSE & POTENZIALE KONZEPT & DESIGN TECHNISCHE UMSETZUNG

3 REFERENT Name: Mirko Semmler Alter: 33 Position: Projektmanager E-Commerce Bereiche: Conversion Optimierung Usability

4 WAS WIR MACHEN Wir verhelfen Unternehmen zu messbar mehr Erfolg! Nachhaltig, transparent und erfolgsabhängig honoriert. Websites, Portale & ecommerce- Lösungen Web-Analytics & Conversionoptimierung Suchmaschinen- marketing Display Advertising Social & Mobile Marketing

5 MARKEN, DIE UNS VERTRAUEN

6 ANDRONACO Italienische Frische im Überblick

7 ANDRONACO italienische Frische im Überblick

8 A G E N D A WIR ANALYSE & POTENZIALE KONZEPT & DESIGN TECHNISCHE UMSETZUNG

9 WO STEHEN WIR MIT UNSEREM ONLINE SHOP? Entwicklung seit dem Start Stärken und Schwächen Chancen und Potenziale

10 DIE BAUSTEINE UM POTENZIALE ZU ERKENNEN POTENZIALE Besucherzahlen Nutzerverhalten Usability

11 WENN DATEN NICHT VERFÜGBAR SIND

12 Nutzerzahlen BESUCHERZUWACHS VON % Desktop Tablet + 15% Mobile + 164% + 95% + 71% + 99% ! Schon jetzt wird die Google Suche mobil mehr genutzt als auf stationären Geräten Quelle:

13 Nutzerverhalten und Motivation MOTIVATION DER DEUTSCHEN LEBENSMITTEL ONLINE ZU BESTELLEN Gesamtbevölkerung 17 7 Unter 35 Jahre 35 bis 54 Jahre 55 Jahre und älter Singles Paare Familien Ja Ja, mit Liefergebühr! Jeder Vierte würde Lebensmitte online kaufen Quelle:

14 BESUCHSZAHLEN 2014 VS. UMSATZ Besucher Desktop Besucher Tablet Besucher Mobile 59% 17% 24% Umsatzanteil Desktop 79% Umsatzanteil Tablet 15% Umsatzanteil Mobile 5% CR Desktop 2,6% CR Tablet 2% CR Mobile 0,4%

15 Usability USABILITY & CONVERSIONRATE

16 PROGNOSE AM BEISPIEL

17 PROGNOSE AM BEISPIEL

18 PROGNOSE AM BEISPIEL

19 MOBILE SERVICES & CROSS- CHANNEL POTENZIALE ONLINE Lieferung nach Hause Bestellung im Shop Gutschein kaufen Offline Gutschein einlösen OFFLINE Bestellung in der Filiale Am gleichen Tag in der Filiale abholen Gutschein einlösen Gutschein offline gekauft

20 MOBILE SERVICES & CROSS- CHANNEL POTENZIALE

21 MOBILE SERVICES & CROSS- CHANNEL POTENZIALE ONLINE Lieferung nach Hause Bestellung im Shop Gutschein kaufen Offline Gutschein einlösen OFFLINE Bestellung in der Filiale Am gleichen Tag in der Filiale abholen Gutschein einlösen Gutschein offline gekauft

22 LEARNINGS So früh wie möglich wesentliche Erkenntnisse gewinnen! Webanalysetools + Shopdaten nutzen.

23 LEARNINGS Analyse der KPIs pro Device! Umsatz, CR, Usability, Produktleistungen, Kundengruppen...

24 LEARNINGS Die IT nicht vergessen! Voraussetzungen für Mobile Services im Vorfeld prüfen.

25 AGENDA WIR ANALYSE & POTENZIALE KONZEPT & DESIGN TECHNISCHE UMSETZUNG

26 ZIELSTELLUNGEN FÜR DEN RELAUNCH 1. KONZEPT Fokus auf Mobile 2. DESIGN Frisch & Italienisch. 3. PFLEGE Aktionen, Kategorien und Artikel einfach und schnell pflegen 4. USABILITY Verbesserung der Suchergebnisse

27 Seitenaufrufe: Ø Sitzungsdauer: 1m 4s Ø Interaktionszeit: 16s Ø Seitenladezeit: 0.16s Scroll Reichweite: 57%

28 ca. 42% der Startseitenbesucher klicken die Suche an

29 ZIELSTELLUNGEN FÜR DEN RELAUNCH 1. KONZEPT Fokus auf Mobile 2. DESIGN Frisch & Italienisch. 3. PFLEGE Aktionen, Kategorien und Artikel einfach und schnell pflegen 4. USABILITY Verbesserung der Suchergebnisse

30 QUICKWINS - früh erkennen und umsetzen Suche Autosuggest Thesaurus Feldgewichtung Synonyme Fehlertoleranz Pluralbildung Aftersearch Navigation

31 MOBILE FIRST? - Nicht immer! Responsive

32 WIREFRAMES & MOCKUPS - Startseite

33 WIREFRAMES & MOCKUPS - Footer Desktop Mobile Tablet

34 Wireframes & Mockups - Artikeldetailseite Desktop Mobile Tablet

35 DESIGN - Startseite

36 DESIGN - Navigation

37 DESIGN - Navigation

38 PROOF OF CONCEPT

39 LEARNINGS Mögliche Quickwins frühzeitig umsetzen!

40 LEARNINGS Responsive Wireframes und Mockups erstellen! Priorisierung der Inhalte und Funktionen

41 LEARNINGS Proof of Concept! 5 Tester finden 80% der Probleme in Bedienbarkeit und Funktionalität! Quelle:

42 A G E N D A WIR ANALYSE & POTENZIALE KONZEPT & DESIGN TECHNISCHE UMSETZUNG

43 THEMING Magento RWD oder Bootstrap Boilerplate

44 MODULE - kaufen oder selber bauen? 1. RECHERCHE Modulrecherche und Vergleich, Kosten prüfen 2. Prüfen Code, Abhängigkeiten, Aufwand für Anpassungen 3. Installation & Konfiguration In Testumgebung einrichten 4. Anpassungen Auf das Zielsystem anpassen

45 MODULE - kaufen oder selber bauen?

46 MAGENTO - PERFORMANCE for every 1 second of improvement they experienced up to a 2% increase in conversions. for every 100 ms of improvement, they grew incremental revenue by up to 1% Quelle:

47 MAGENTO - PERFORMANCE Magento Cache PHP Caching (Opcode Caching) Magento Indizes Fullpage Caching CDN (Content Delivery network)

48 CROWD-TESTING Produktivtest vor dem Livega mit Testbirds.de

49 LEARNINGS Schuster bleib bei Deinen Leisten! Theming kann einen Großteil des Projektbudgets ausmachen!

50 LEARNINGS Module ausgiebig testen! Wenn möglich Module auf einer Extra Entwicklungsumgebung testen nicht in der Produktivumgebung.

51 LEARNINGS Geringe Seitenladezeiten helfen bei der Conversion Optimierung und beim Google Ranking. Neben den Bordmitteln, externe Caches und CDN nutzen! Wenn das nicht reicht: Hardware!

52 Fortsetzung folgt... unter: