ShopBox
ShopBox bietet erschwingliche Versandlösungen nach St. Lucia und in die restliche Karibik. Das Unternehmen steigert die logistische Effizienz mit erstklassigen Speditionsdienstleistungen. Es bietet schnellen Luft- und Seetransport mit täglichen Flügen sowie Echtzeit-Sendungsverfolgung über ein modernes Kundenportal.
ShopBox revolutioniert das Onine-Shopping-Erlebnis, indem der Zugang zum US-Einzelhandel von überall auf der Welt möglich gemacht wird. Ausgehend von einer einfachen Idee – geografische Grenzen zu überwinden – ist das Unternehmen zu weit mehr als nur einem Logistikanbieter geworden: zu einem echten Tor zum riesigen Markt der US-Geschäfte. Mit Leistungen, die von personalisierten Versandadressen in Miami bis hin zu effizienten Luft- und Seefrachtoptionen reichen, setzt sich ShopBox dafür ein, internationales Einkaufen so nahtlos und angenehm wie möglich zu gestalten.
Schnelleres Laden von Seiten (LCP <2,5 s)
Webflow-Lokalisierung (Englisch, Französisch, Spanisch)
Globaler Marktanteil im Vergleich zu Wettbewerbern
DIE HERAUSFORDERUNG
Als ShopBox auf Webyansh zukam, kämpfte das Unternehmen mit mehreren Entwicklungsproblemen, die eine überzeugende Kundenerfahrung verhinderten. Die bestehende Website basierte auf einem veralteten Tech-Stack, wodurch Content-Updates oder neue Funktionen für das interne Team zeitaufwendig und schwierig waren.
Eine der wichtigsten fehlenden Funktionen war ein Versandkostenrechner sowie ein Sendungsverfolgungstool. Beide waren essenziell, damit Kunden Versandkosten und Lieferzeiten direkt auf der Website abschätzen konnten.
Obwohl bereits ein neues Design von einem anderen Designer vorlag, konnte der ursprünglich beauftragte Entwickler keine pixelgenaue Umsetzung dieses Designs liefern. Zudem berücksichtigte das Design nur die Desktop-Version, sodass die Website ohne mobile Ansicht blieb.
Um diese Herausforderungen zu lösen, war unser Ziel:
⬥ Eine pixelgenaue Umsetzung des bestehenden Designs sicherzustellen
⬥ Einen nahtlosen Kostenrechner und Sendungsverfolgungstool zu entwickeln
⬥ Ein vollständig responsives Design für Desktop- und Mobilnutzer umzusetzen
ShopBox vertraute uns diese anspruchsvolle Aufgabe an, dank unserer nachgewiesenen Erfahrung mit hochwertigen Weblösungen.
DIE LÖSUNG
Da das Design bereits vorlag, konzentrierten wir uns hauptsächlich auf die Entwicklung des Hauptrechners und des Sendungsverfolgungstools.
Wir mussten zunächst die richtige Plattform für den Zugriff auf Tracking-Daten der Pakete recherchieren, aber sobald wir eine passende Quelle gefunden hatten, ging es nur noch darum, sie mit etwas Custom Code sauber in Webflow umzusetzen.
Auch das responsive Design gelang reibungslos, da wir die mobile Version direkt auf Basis der bereitgestellten Desktop-Version entwickelten.
Hier ein kurzer Überblick über die für ShopBox umgesetzten Lösungen:
Veralteter Technologiestack
Wechseln Sie zu Webflow: einer skalierbaren Plattform, die Flexibilität und Wachstum bietet.
Nicht verfügbar
Speziell entwickelter, erweiterter Rechner, implementiert mit JavaScript für präzise Kostenschätzungen.
Keine Tracking-Funktion
Paket-Tracker in Echtzeit, integriert, um die Benutzererfahrung zu verbessern.
Nicht verfügbar
Bewertet die dynamische Datenfilterung, die vom CMS kommt
Schlechte Suchmaschinenoptimierung mit schlechter UX
Komplett überarbeitetes, konversionsoptimiertes Nutzererlebnis, ohne Kompromisse bei den SEO-Rankings einzugehen.
SEE- UND LUFTFRACHTRECHNER
ShopBox wollte vollständige Preistransparenz bei seinen Dienstleistungen bieten. Deshalb stand ein See- und Luftfrachtrechner im Mittelpunkt der Neugestaltung.
Das Unternehmen stellte uns die Artikelkategorie-Daten in einer Tabellenkalkulation zur Verfügung, zusammen mit spezifischen Berechnungsformeln.
Die besten Funktionen des Rechners:
- CMS-Integration: Wir haben die Artikelkategorie-Daten aus der Tabelle von ShopBox in ihr CMS importiert. So kann das Team die Daten jederzeit selbst aktualisieren.
- Automatische Umrechnung und Berechnung: Für mehr Benutzerfreundlichkeit haben wir eine automatische Umrechnung zwischen Kilogramm (kg) und Pfund (lbs) je nach Nutzereingabe implementiert – ganz ohne manuelle Umrechnung.
- Statisches UI-Design mit Webflow: Für die Benutzeroberfläche haben wir uns für ein statisches Design in Webflow entschieden. Das vereinfachte die Entwicklung und sorgte für eine klare, intuitive Oberfläche.
Der Backend-Workflow des Rechners:
- Artikelauswahl: Der Kunde wählt einen Artikel aus einer Liste, die aus dem CMS stammt und in einem Dropdown-Menü angezeigt wird.
- Eingabe der Details: Der Kunde gibt den Artikelwert in US-Dollar sowie das Gewicht in Pfund oder Kilogramm ein. Wird das Gewicht in einer Einheit eingegeben, wird der entsprechende Wert in der anderen Einheit automatisch berechnet und angezeigt.
- Kostenberechnung: Basierend auf dem gewählten Artikel und den eingegebenen Details werden verschiedene Gebühren berechnet – Einfuhrzoll, Frachtrate, Treibstoffzuschlag, Bearbeitungsgebühr, Versicherung und Abgaben – anhand präziser, von ShopBox bereitgestellter Formeln.
- Anzeige der Ergebnisse: Die berechneten Werte werden dynamisch in der Oberfläche angezeigt, sowohl in US-Dollar als auch in EC-Dollar. Eine "Zurücksetzen"-Schaltfläche ermöglicht das Leeren aller Felder.
Wir haben JavaScript-DOM-Manipulation verwendet, um diese Funktion umzusetzen. Durch einen "Klick"-Event-Listener am "Berechnen"-Button stellen wir sicher, dass die Berechnungen präzise ausgeführt und die Ergebnisse in Echtzeit in der Oberfläche aktualisiert werden.
Mit dieser brandneuen Rechnerfunktion konnte ShopBox seinen Kunden transparente Preise bieten und der Nutzererfahrung einen weiteren Pluspunkt hinzufügen.
SENDUNGSVERFOLGUNG
Eine zuverlässige Sendungsverfolgung gehörte zu den zentralen Anforderungen von ShopBox bei der ersten Kontaktaufnahme. Allerdings war unklar, wie die Tracking-Daten effektiv erfasst und dargestellt werden könnten. Da diese Funktion für die Verbesserung der Nutzererfahrung entscheidend war, nahmen wir die Herausforderung an und entwickelten eine Lösung.
API-Integration
- Aktueller Status des Pakets (mit Datum und Uhrzeit)
- Vorheriger Standort
- Verwendeter Zusteller (z. B. Bluedart)
- Versand- und Lieferzeiten
Gestaltung der Benutzeroberfläche Mit Webflow haben wir einen nutzerfreundlichen Fortschrittsbalken gestaltet, der den Weg der Sendung visuell darstellt. So können Kunden den Status ihres Pakets mit einem Blick verfolgen.
Für alle, die mehr Details wünschen, haben wir eine Option zur Einsicht des vollständigen Tracking-Verlaufs integriert. Ein einfacher Klick führt zu packagetrackr.com, mit bereits eingetragener Sendungsnummer – nahtlos und komfortabel.
Backend-Workflow Für diese Funktionen haben wir die fetch-Methode in JavaScript für API-Aufrufe an "kd100" genutzt. Diese Methode ruft effizient JSON-Daten mit dem Paketstatus und zugehörigen Informationen ab. Die abgerufenen Daten werden anschließend geparst und mit der querySelector-Methode dynamisch in der Oberfläche aktualisiert – für Genauigkeit und Reaktionsschnelligkeit.
Mit dieser nahtlosen Tracking-Lösung haben wir ShopBox nicht nur geholfen, die Anforderungen zu erfüllen, sondern auch die Nutzererfahrung deutlich verbessert.
SEO-WIRKUNG NACH DEM LAUNCH
Webflow-Migration und technisches SEO
- Migration zum leistungsstarken Webflow-Hosting → 40% schnellere Seitenladezeiten (LCP < 2,5 s)
- Umsetzung eines Mobile-First-Designs und Optimierung der Core Web Vitals
Domain-Autorität und Sichtbarkeit
- Authority Score stieg auf 9 (von zuvor ~1)
- Semrush Domain Rank verbesserte sich von ~3,2 Mio. auf ~1,8 Mio.
Top-Keywords (US-Markt):
- "shop box" – Position 1 (210 Suchen/Monat) – 39 % des gesamten organischen Traffics
- "shopbox" – Position 2 (480 Suchen/Monat) – 47 % des gesamten organischen Traffics
- "customs duty calculator st lucia" – Position 3 (30 Suchen/Monat)
Geografische Verteilung und Marktanteile
- Traffic-Anteil (USA): 34 % (134 Besuche/Monat)
- Dänemark: 20 % (78 Besuche/Monat)
- Indien: 16 % (65 Besuche/Monat)
- Globaler Marktanteil gegenüber dem Wettbewerb: 39 % des gesamten Kategorie-Traffics
Backlink-Profil
- 2.600+ Backlinks insgesamt (von 92 Domains)
- Follow vs. Nofollow: 2.600 Follow | 27 Nofollow
Wir legen größten Wert auf ein nahtloses Nutzererlebnis auf allen Geräten durch konsequent responsive Design-Prinzipien. Indem sich die Website flüssig an verschiedene Bildschirmgrößen und -ausrichtungen anpasst – von Smartphones über Tablets bis zu Desktops – garantieren wir Zugänglichkeit und Nutzerfreundlichkeit für alle.
„Ich kann Divyansh für alle Webentwicklungsprojekte nur empfehlen, da er durchweg außergewöhnliche technische Fähigkeiten und eine ausgeprägte Arbeitsmoral unter Beweis stellt. Ich habe ihn mit einem wichtigen Projekt für unser Unternehmen ShopBox beauftragt, als wir auf eine neue Plattform umstellten. Er hat auf jeden Fall seine Expertise in modernen Webtechnologien und Frameworks unter Beweis gestellt.“
Nächste Fallstudie
Marketplace-Company
Lass uns gemeinsam etwas Außergewöhnliches erschaffen.
Du hast ein Projekt im Kopf? Kontaktiere uns für erstklassige Design- und Entwicklungslösungen. Lass uns besprechen, wie wir dein Unternehmen wachsen lassen können.
Hallo, ich bin Divyansh - Gründer von Webyansh. Vereinbaren Sie einen Anruf mit mir um ausführlich über Ihr Projekt zu sprechen und wie wir Ihrem Unternehmen helfen können. Sie können auch fordern Sie ein kostenloses individuelles Angebot an wenn der Arbeitsumfang klar ist.