Entwicklung eines Online-Shops für Kopfbedeckungen mit einer Upload-Geschwindigkeit von 97+ für Mobilgeräte von Page Speed

case-picture
Über das Projekt

SHELA™ ist ein Hersteller von Mützen für Kinder. Vor der Schaffung eines vollwertigen Online-Shops in unserer Agentur hatte der Kunde einen Punkt auf „Barabashovo“ und eine Website auf prom.ua (Verkauf von Waren in loser Schüttung). Später beschloss der Kunde, das Sortiment zu erweitern und verkaufen nicht nur Hüte für Kinder, sondern zusätzlich noch Kleidung, Hüte für Männer, Frauen, sowohl Einzel- und Großhandel.

Website: shela-sample.com.ua
CMS/Rahmenwerk:
Region:

Ukraine

Fälligkeitsdatum (mit Bearbeitungen):

20.11.20 - 19.11.2021

case-picture
case-picture
Zielsetzungen:

- Erstellen Sie eine Website mit allen praktischen Funktionen für Großhändler.
- Kombination von Großhandel und Einzelhandel.
- MobileFirst Design und Entwicklung.
- Erfassung der Semantik, Erstellung von Strukturen, Empfehlungen zum technischen Teil der Website.
- Analyse der Wettbewerber.
- Erstellung von Aufgabenbeschreibungen.

Ergebnisse:
  • CMS: OpenCart
  • Dauer der Ausführung: 1 Jahr
  • Geschwindigkeit (mobil): 97+

Kommunikation mit dem Kunden und Analyse der Wettbewerber

Nachdem ich mit dem Kunden kommuniziert und seine Bedürfnisse verstanden hatte, recherchierte ich nach wettbewerbsfähigen Websites zu diesem Thema und fand sie. Wir haben die besten funktionalen Lösungen gefunden, um dem Kunden ihre Umsetzung anzubieten. In dieser Phase wurde beschlossen, ein persönliches Konto für Großhändler einzurichten, das über eine Reihe von Funktionen verfügt.

case-picture
SEO in der Entwurfsphase

Von Anfang an wurde die Website mit Blick auf die Suchmaschinenoptimierung konzipiert. Der Designer stimmte alle Entscheidungen mit dem SEO-Spezialisten ab. Wenn die Vorstellungen von „einer guten Seite für Benutzer“ und „einer guten Seite für Suchmaschinen-Crawler“ auseinandergehen, haben wir nach einer Lösung gesucht, die allen gerecht wird.

Zusätzlich zu den in der Entwurfsphase vereinbarten Lösungen wurden weitere technische Nuancen berücksichtigt. Die Website ist groß und während der Entwicklung einer neuen Version ändern sich zwangsläufig ihre Struktur, ihr Layout, die Reihenfolge der Blöcke auf der Seite und die Zielseiten für Abfragen.

Es war wichtig, die Position der Website zu erhalten und ihr Wachstumspotenzial zu sichern, sodass bei all diesen Änderungen das Risiko von Fehlern minimiert werden musste. Doppelseiten wurden kontrolliert, Weiterleitungen, Subdomains, interne Optimierungen auf Landingpages und so weiter wurden überprüft.

Mehr über SEO
case-picture case-picture
Aufgabenstellung und Anforderungen an die Website

Alle gefundenen Lösungen, die in den ersten Arbeitsschritten nicht vorgesehen waren, haben wir in den Fragenkatalog geschrieben und nach der Besprechung mit dem Kunden die notwendige Funktionalität gefunden. Nach der Diskussion wurde die technische Aufgabe parallel zur Entwicklung von Prototypen festgelegt.

Prototyping

Wir begannen mit der mobilen Version der Website, von der aus wir die übrigen Bildschirmgrößen übernahmen. Zuerst haben wir am Produktkatalog und an der Produktkarte gearbeitet, da dies die umsatzstärksten Seiten sind. Dann haben wir an der Hauptseite, dem persönlichen Konto und verschiedenen internen Seiten gearbeitet.

Am Ende hatten wir einen klickbaren Prototyp, der mit dem Kunden abgestimmt wurde.

case-picture
Seitengestaltung

Nach dem Rendering der Musterseiten haben wir das Gesamtdesignkonzept genehmigt und auf allen internen Seiten umgesetzt. Neben der künstlerischen Komponente arbeiteten wir an der logischen Struktur der Webseiten und der Benutzerfreundlichkeit der Website (dem Usability-Teil).

Wir haben durch das Design ein Gefühl von Wärme und Komfort vermittelt. Beim Betreten der Website versteht der Nutzer, dass das Unternehmen seine Produkte mit Liebe für alle Erwachsenen und Kinder herstellt.

case-picture case-picture case-picture case-picture case-picture
Gestaltung und Umsetzung einer Website

Implementierung eines adaptiven Layouts für verschiedene Bildschirmauflösungen.

Die Website basiert auf CMS – Opencart, mit kundenspezifischer Entwicklung der erforderlichen Funktionalität. Bei der Entwicklung der Seite wurden die Anforderungen von SEO bereits in der Designphase berücksichtigt (z. B. hochwertige Umsetzung der Produktfilter mit Landingpages für jeden Filter).

  • Eine schnelle Suche auf der Website wurde durchgeführt.
  • Bauen Sie eine bequeme Kasse, Online-Zahlung für Bestellungen über Liqpay.
  • Der von unnötigen Funktionen bereinigte Desktop-Administrator wird an die Anforderungen des Kunden angepasst, um die Verwaltung der Website zu erleichtern.
  • Bei der Implementierung des Umbruchs und des Backend-Teils der Website wurden die erhöhten Anforderungen an die Ladegeschwindigkeit berücksichtigt.
Weitere Informationen über die Entwicklung der Website
Ladegeschwindigkeit

Es wurde eine Reihe von Arbeiten durchgeführt, um die Ladegeschwindigkeit der Website zu optimieren.
Als Ergebnis – hohe Google Page Speed Insights (für Mobile 95–97 von 100, für Desktop 99–100 von 100).

case-picture
case-picture
Willst du die gleichen Ergebnisse?

Füllen Sie das Briefing aus und unser Manager wird sich mit Ihnen in Verbindung setzen

Kosten für die Website-Entwicklung
Internetshop

Standardwerke:

  • Erstellung von klickbaren Prototypen (High Fidelity Wireframes)
  • Schreiben einer technischen Aufgabe;
  • Erarbeitung kaufmännischer und technischer Faktoren;
  • Aufbau einer kompetenten SEO-Struktur;
  • UX/UI-Design;
  • Sicherer Umzug in eine neue Domain;
  • Prüfung des Inhaltsteils der Website;
  • Prüfung der Referenzmasse des Standorts und der Wettbewerber;
  • Hinzufügen der Website zur Google Search Console;
  • Detaillierte Bearbeitung der Produktkarte;
  • Anbindung von Online-Payment (LiqPay);
  • Prüfung (nach jeder Phase);
  • Persönliches Büro;
  • Erfüllung der Anforderungen an die Ladegeschwindigkeit von Websites von Google 90+ für Mobilgeräte und Desktops;
  • Füllen Sie bis zu 10 Seiten mit Ihren Inhalten;
  • Google Analytics-Einstellungen;

Als Prämie erhalten Sie:

  • Grundlegende SEO-Optimierung;
  • Übertragen der Website zum Hosting;
  • SSL-Zertifikat (HTTPS);
  • Website-Support für 1 Monat KOSTENLOS;
  • Site-Management-System basierend auf dem ausgewählten CMS (Admin);
  • Beratung zur weiteren Bewerbung der Website im Internet;
  • Lernen, mit der Website zu arbeiten (Anleitung + Online-Aufruf).

Ergebnisse der Förderung anderer Projekte
slider-img
Website-Entwicklung Website-Entwicklung in 1 Monat für einen Mineralwasserhersteller
  • CMS:
    WordPress
  • Fälligkeitsdatum:
    1 Monate
  • Geschwindigkeit (mobile):
    94+
slider-img
PPC Doppeltes Anrufwachstum in 6 Monaten für einen Online-Einzelhändler für Beleuchtung
  • Ige Zunahme der Anrufe:
    115%
  • Senkung des Preises pro Anruf um:
    35,2%
slider-img
Entwicklung von Online-Shops Entwicklung eines schnellen und anpassungsfähigen Online-Tabakgeschäfts
  • CMS:
    Laravel
  • Fälligkeitsdatum:
    4 Monate
  • Geschwindigkeit (Desktop):
    90+
contact__bg contact-bg contact-bg

    contact-picture
    Для зв'язку з нами
    Vielen Dank für den Aufruf!

    Ihre Bewerbung wurde versendet.
    Unser Manager wird sich mit Ihnen in Verbindung setzen bald