+38 (097) 478 27 77
de

Entwicklung eines Online-Hutshops mit einer Ladezeit von über 97 Sekunden für mobile Geräte mithilfe von PageSpeed Insights

Fallbild
Über das Projekt

SHELA™ ist ein Hersteller von Kinderkopfbedeckungen. Bevor unsere Agentur einen vollwertigen Onlineshop einrichtete, betrieb der Kunde ein Ladengeschäft in Barabashovo und einen Onlineshop auf prom.ua (Großhandel). Später entschied sich der Kunde, sein Sortiment zu erweitern und neben Kinderkopfbedeckungen auch Bekleidung und Kopfbedeckungen für Damen und Herren im Einzel- und Großhandel anzubieten.

Webseite: shela-sample.com.ua
CMS/Framework:
Region:

Ukraine

Fertigstellungstermin (mit Änderungen):

20.11.20 - 19.11.2021

Fallbild
Fallbild
Aufgaben:

- Erstellen Sie eine Website mit allen praktischen Funktionen für Großhändler.
- Die Funktionalität von Groß- und Einzelhandel vereinen.
- MobileFirst-Design und -Entwicklung.
- Sammlung von Semantik, Erstellung einer Struktur, Empfehlungen für den technischen Teil der Website.
- Wettbewerbsanalyse.
- Erstellung technischer Spezifikationen.

Ergebnisse:
  • CMS: OpenCart
  • Fertigstellungstermin: 1 Jahr
  • Geschwindigkeit (Mobilfunk): 97+

Kommunikation mit dem Kunden und Wettbewerbsanalyse

Nachdem wir mit dem Kunden gesprochen und seine Bedürfnisse verstanden hatten, analysierten wir Wettbewerber und Websites in diesem Marktsegment. Wir ermittelten die besten funktionalen Lösungen und präsentierten sie dem Kunden. Daraufhin entschieden wir uns für die Einrichtung eines persönlichen Kontos für Großhändler mit verschiedenen Funktionen.

Fallbild
SEO in der Entwicklungsphase

Die Website wurde von Anfang an unter Berücksichtigung der SEO-Anforderungen konzipiert. Der Designer stimmte alle Entscheidungen mit dem SEO-Spezialisten ab. Immer wenn die Vorstellungen von einer «guten Seite für Nutzer» und einer «guten Seite für Suchmaschinen-Crawler» voneinander abwichen, suchten wir nach einer Lösung, die alle zufriedenstellte.

Zusätzlich zu den in der Designphase vereinbarten Lösungen wurden weitere technische Details berücksichtigt. Die Website ist umfangreich, und bei der Entwicklung einer neuen Version ändern sich zwangsläufig ihre Struktur, ihr Layout und die Reihenfolge der Seitenblöcke sowie die Landingpages für Suchanfragen.

Es war wichtig, das Ranking der Website zu erhalten und Wachstumspotenzial zu sichern. Daher war es bei all diesen Änderungen unerlässlich, das Fehlerrisiko zu minimieren. Doppelte Seiten wurden überwacht, Weiterleitungen, die Performance der Subdomains, die interne Optimierung der Landingpages und vieles mehr überprüft.

Erfahren Sie mehr über SEO
Fallbild Fallbild
Technische Spezifikationen und Anforderungen für die Website

Wir fassten alle Lösungsansätze, die in der Anfangsphase des Projekts nicht besprochen worden waren, in einer Liste von Fragen zusammen und ermittelten nach deren Besprechung mit dem Kunden die erforderlichen Funktionen. Im Anschluss daran erstellten wir parallel zur Prototypenentwicklung die technischen Spezifikationen.

Prototyping

Wir begannen mit der mobilen Version der Website und erweiterten sie anschließend auf alle anderen Bildschirmgrößen. Zuerst bearbeiteten wir den Produktkatalog und die Produktseite, da diese die Seiten mit der höchsten Konversionsrate sind. Danach widmeten wir uns der Startseite, dem Kundenkonto und verschiedenen Unterseiten.

Am Ende erhielten wir einen klickbaren Prototypen, der vom Kunden genehmigt wurde.

Fallbild
Seitengestaltung

Nachdem wir die Seitenprototypen erstellt hatten, genehmigten wir das Gesamtdesignkonzept und setzten es auf allen Unterseiten um. Neben der künstlerischen Gestaltung arbeiteten wir auch an der logischen Struktur der Webseiten und der Benutzerfreundlichkeit.

Wir haben mit unserem Design ein Gefühl von Wärme und Geborgenheit vermittelt. Beim Besuch der Website erkennen die Nutzer, dass das Unternehmen seine Produkte mit viel Liebe für Erwachsene und Kinder herstellt.

Fallbild Fallbild Fallbild Fallbild Fallbild
Website-Layout und -Implementierung

Ein adaptives Layout für verschiedene Bildschirmauflösungen wurde implementiert.

Die Website basiert auf dem Opencart CMS und wurde mit individuellen Anpassungen der benötigten Funktionen erstellt. SEO-Anforderungen wurden während der Entwicklungsphase berücksichtigt (z. B. eine hochwertige Produktfilter-Implementierung mit Landingpages für jeden Filter).

  • Eine Schnellsuche wurde auf der Website implementiert.
  • Eine komfortable Bestellabwicklung wurde eingerichtet, und die Online-Zahlung für abgeschlossene Bestellungen wurde über das Liqpay-System aktiviert.
  • Das Admin-Panel wurde von unnötigen Funktionen befreit und an die Kundenanforderungen für eine komfortablere Website-Verwaltung angepasst.
  • Bei der Umsetzung des Website-Layouts und des Backends wurden die gestiegenen Anforderungen an die Ladezeit der Website berücksichtigt.
Erfahren Sie mehr über Webseitenentwicklung
Downloadgeschwindigkeit

Es wurden verschiedene Maßnahmen durchgeführt, um die Ladezeit der Website zu optimieren.
Als Ergebnis werden hohe Google PageSpeed Insights-Werte erzielt (95-97 von 100 für Mobilgeräte, 99-100 von 100 für Desktop-Computer).

Fallbild
Fallbild
Wollen Sie die gleichen Ergebnisse erzielen?

Füllen Sie das kurze Formular aus, und unser Manager wird sich mit Ihnen in Verbindung setzen.

Kosten der Website-Entwicklung
Online-Shop

Hauptwerke:

  • Erstellung klickbarer Prototypen (hochdetaillierte Wireframes);
  • Erstellung technischer Spezifikationen;
  • Verarbeitung kaufmännischer und technischer Faktoren;
  • Entwicklung einer leistungsfähigen SEO-Struktur;
  • UX/UI-Design;
  • Sicherer Wechsel in eine neue Domain;
  • Prüfung des Website-Inhalts;
  • Prüfung der Linkmasse der eigenen Website und der Konkurrenz;
  • Hinzufügen einer Website zur Google Search Console;
  • Detaillierte Verarbeitung der Produktkarte;
  • Anbindung von Online-Zahlungsmethoden (LiqPay);
  • Testen (nach jeder Phase);
  • Persönliches Konto;
  • Erfüllung der Google-Anforderungen von über 90 Punkten für die Website-Ladezeit auf Mobilgeräten und Desktop-Computern;
  • Sie können bis zu 10 Seiten mit Ihren Inhalten füllen;
  • Google Analytics einrichten;

Als Bonus erhalten Sie:

  • Grundlegende SEO-Optimierung;
  • Übertragung einer Website auf einen Webhosting-Anbieter;
  • SSL-Zertifikat (HTTPS);
  • Website-Support für 1 Monat ist KOSTENLOS;
  • Website-Managementsystem basierend auf dem ausgewählten CMS (Admin-Panel);
  • Beratung zur weiteren Vermarktung der Website im Internet;
  • Schulung zur Nutzung der Website (Anleitung + Online-Anruf).

Ergebnisse der Förderung anderer Projekte
Schieberegler-Bild
Webseitenentwicklung Website-Entwicklung innerhalb eines Monats für einen Mineralwasserhersteller
  • CMS:
    WordPress
  • Fertigstellungstermin:
    1 Monat
  • Geschwindigkeit (Mobilfunk):
    94+
Schieberegler-Bild
PPC Das Anrufvolumen eines Online-Shops für Beleuchtungstechnik hat sich innerhalb von 6 Monaten verdoppelt.
  • Zunahme der Anrufe bei:
    115%
  • Rufen Sie Preisreduzierungen an unter:
    35,2%
Schieberegler-Bild
Entwicklung eines Online-Shops Entwicklung eines schnellen und reaktionsschnellen Online-Tabakshops
  • CMS:
    Laravel
  • Fertigstellungstermin:
    4 Monate
  • Geschwindigkeit (Desktop):
    90+
Kontakt__bg Kontakt-Hintergrund Kontakt-Hintergrund

    Kontaktbild
    Daria Babyanskaya,
    Manager der Firma Imaris
    Um mit uns in Kontakt zu treten
    Vielen Dank für Ihre Kontaktaufnahme!

    Ihre Nachricht wurde gesendet.
    Unser Manager wird sich mit Ihnen in Verbindung setzen.
    in naher Zukunft

    Vielen Dank für Ihre Kontaktaufnahme!

    Ihre Bewertung wurde gesendet.
    Wir werden uns gegebenenfalls mit Ihnen in Verbindung setzen.