Nippon-Tackle v4 - Relaunch
Hey Onkel Pauli,
danke für die Erdbeeren! Um den Schwenk von alt auf neu so angenehm wie möglich zu gestalten, hab ich mich beim Design und dem grundsätzlichen Aufbau der Seite an der Vorgängerversion orientiert. Sieht erstmal alles aus wie vorher, aber unter der Haube hat sich einiges getan.Zum Beispiel das Thema "Responsive" / Nutzung auf mobilen Endgeräten oder Devices mit kleineren Bildschirmen.
Hier gab es bei der vorherigen Version noch den Switch auf ein separates "Mobile Template" mit reduziertem Funktionsumfang. Das war weder eine Zeitgemäße, noch eine halbwegs vernünftig bedienbare Zwischenlösung. Im neuen Shop gibt es nun "nur" noch
ein Template für alle "Viewports" das alle Funktionen und Inhalte in allen Screen-Größen bereit stellt und nach einigen Kunstgriffen
extrem performant läuf (geringe Ladezeiten / schneller Seitenaufruf).
Auf Kategorie / Listing-Ebene hatten wir bisher relativ kleine Header-Bilder und Mobile praktisch nicht vorhandene Filterfunktionen. Auch da hat sich etwas getan. Die Fish-Pics sind zwar in einigen Kategorien noch per Zufallssystem eingebunden, was desöfteren für einen Lacher sorgen könnte, aber grundsätzlich schonmal wesentlich präsenter, hübscher und zeitgemäßer. Das gleiche gilt für die Filter. Speziell in den mobilen Ansichten kann nun wie gewohnt gefiltert werden, bis der Arzt kommt.
Um die Kategorien auch mobile schnell "durchforstbar" zu machen und dabei möglichst alle relevanten Liefer-/Verfügbarkeitsinformationen anzuzeigen, gibt es dort neben einer runderneuerten Kachelansicht nun auch die Produktbewertungen zu sehen. Bei knapp eintausend hervorragenden und hilfreichen 4+ Sterne-Bewertungen darf man die ruhig etwas präsenter in den Vordergrund rücken.
In den detaillierten Produktansichten hat sich nichts wesentlich geändert. Alles etwas hübscher, aufgeräumter und die Videos, wenn vorhanden, sind nun ober direkt neben dem ersten Produktbild zu finden. Somit fällt das ge-scrolle bis in den Bereich "Details zum Produkt" weg und die Videos sind schnell griffbereit. Produktbewertungen und einige Usability-Features hab ich auch noch mit implementiert.
Tipp: Unterhalb des großen Produktbildes werden die Varianten in 2 unterschiedlichen Versionen abgebildet. Vollfarbe = Produkt ist verfügbar. Leicht transparent = Produkt ist derzeit nicht verfügbar. Wenn ihr die Variantenauswahl über das Dropdown nutzt, was z.B. Mobile u.U. recht umfangreich ausfallen kann, sind dort nur verfügbare Produkte enthalten. Macht das Handing mobile etwas einfacher.
In der kleinsten Mobile-Ansicht werden die Vorschaubilder der Varianten ausgeblendet. Falls ihr die dort ebenfalls sehen möchtet, dann einfach vom "Portrait-Modus" in den "Landscape-Modus" wechseln (Endgerät in die Horizontale drehen) und schon sind sie wieder sichtbar.
So, das reicht erstmal für den Anfang. Wenn ihr Fehler findet oder Verbesserungsvorschläge habt, dann her damit. Mehr Erdbeeren nehmen wir natürlich auch dankend entgegen.
Lg,
Marco
@Mozartkugel Alles bestellt, sobald die Lieferung da ist, sind sie wieder verfügbar.