Update v7.3 — Neu gedacht. - Anania's Shop

Update v7.3 — Neu gedacht.

✨ Anania's Shop ist neu gedacht.

Seit v7.0.3 hat sich bei Anania’s Shop deutlich mehr verändert als ursprünglich geplant.

Viele Neuerungen waren zunächst für v7.1 und v7.2 vorgesehen. Während der Entwicklung sind daraus jedoch immer grössere Anpassungen an Design, Shopping-Erlebnis, Lieferung, Performance und Technik entstanden.

Deshalb haben wir die geplanten Entwicklungsschritte zusammengeführt.

Das Ergebnis ist v7.3.

Ein grösseres Update.
Ein einheitlicher Stand.
Und ein Anania's Shop, das sich an vielen Stellen komplett neu anfühlt.


🫧 Ein neues Designgefühl

Das Erscheinungsbild von Anania's Shop wurde umfassend weiterentwickelt.

Mehr Tiefe. Mehr Bewegung. Weniger visuelle Unruhe.

Neu sind unter anderem:

• Liquid- und Glass-Elemente im gesamten Shop
• weichere Transparenzen und Übergänge
• natürlichere Animationen
• modernisierte Flächen, Karten und Bedienelemente
• klarere Abstände und Proportionen
• ein konsistenteres Design von der Startseite bis zum Warenkorb

Dabei wollten wir nicht einfach „mehr Effekte“.

Das Ziel war ein Shop, der sich moderner, ruhiger und natürlicher anfühlt.


🌙 Dark Mode. Jetzt wirklich.

Eine der grössten Neuerungen in v7.3:

Anania's Shop hat jetzt einen vollständigen Dark Mode.

Und der besteht nicht einfach daraus, Weiss durch Schwarz zu ersetzen.

Header, Navigation, Suche, Produktkarten, Produktseiten, Warenkorb, Filter, Blog, Formulare und viele weitere Elemente wurden speziell für die dunkle Darstellung angepasst.

Auch Logos und einzelne grafische Elemente wechseln passend zum gewählten Modus.

Deine Auswahl wird gespeichert – damit der Shop beim nächsten Besuch wieder so aussieht, wie du ihn möchtest.

Hell oder dunkel. Du entscheidest.


🧭 Navigation neu gedacht

Auch der Header wurde umfassend weiterentwickelt.

Die Navigation ist klarer strukturiert, reagiert natürlicher und passt besser zum neuen Design.

Neu bzw. verbessert wurden unter anderem:

• überarbeitete Mega-Menüs
• klarere Trennung von Shop und Kollektionen
• neue Hover-Interaktionen
• weichere Liquid-Effekte
• optimierter Floating Header
• bessere Tastaturbedienung
• saubereres Verhalten beim Öffnen und Schliessen von Menüs
• bessere Darstellung auf kleinen und grossen Displays

Kleine Artefakte und störende Übergänge beim Scrollen wurden ebenfalls beseitigt.


🔎 Suche & Katalog verbessert

Auch beim Stöbern wurde einiges verändert.

Die Suche ist auf kleineren Geräten kompakter und nimmt weniger unnötigen Platz ein.

Filter und Sortierung wurden optisch vereinheitlicht und Produktkarten weiter verfeinert.

Neu bzw. verbessert:

• konsistentere Produktkarten
• einheitlichere Bildgrössen und Abstände
• überarbeitete Filter
• verbesserte Sortierung
• kompaktere mobile Suche
• ruhigere Katalogansicht
• bessere Darstellung auf unterschiedlichen Displaygrössen
• Quick-Add direkt aus dem Katalog

Produkte lassen sich dadurch schneller entdecken – mit weniger Umwegen.


🛍️ Produktseiten neu aufgebaut

Die Produktansicht gehört zu den Bereichen, die sich mit v7.3 am stärksten verändert haben.

Produktinformationen wurden klarer strukturiert und die Darstellung deutlich kompakter und moderner gestaltet.

Dazu gehören:

• überarbeitete Produktinformationen
• klarere Preis- und Angebotsdarstellung
• modernisierte Produktbeschreibungen
• neue Liquid-Glass-Bereiche
• konsistentere Produktbilder
• optimierte Abstände
• bessere mobile Darstellung
• klarere Vorteile und Produktmerkmale

Neu hinzugekommen ist ausserdem eine erweiterte Produktdarstellung, die Produkte und ihre Eigenschaften Schritt für Schritt stärker inszenieren kann.

Wichtige Informationen bekommen dadurch mehr Raum, ohne die eigentliche Produktseite unnötig zu überladen.


🛒 Kaufen, ohne zurückscrollen zu müssen

Auch der Kaufbereich wurde weiterentwickelt.

Der Sticky-Kaufen-Bereich hält wichtige Aktionen erreichbar, wenn der reguläre Kaufbereich beim Scrollen nicht mehr sichtbar ist.

So bleibt der Weg zum Warenkorb kurz – gerade auf längeren Produktseiten und Smartphones.


📦 Lieferzeiten komplett neu gedacht

Die Lieferanzeige gehört zu den grössten funktionalen Änderungen dieses Releases.

Statt generischer Lieferhinweise werden Versand und voraussichtliche Zustellung jetzt wesentlich differenzierter dargestellt.

Die Berechnung berücksichtigt je nach Angebot unterschiedliche Liefer- und Arbeitstage sowie hinterlegte Versandinformationen.

Damit bekommst du schon vor dem Kauf eine deutlich bessere Vorstellung davon, wann dein Produkt voraussichtlich bei dir ankommt.


🤝 Jetzt siehst du auch, wer liefert

Eine wichtige Neuerung aus der finalen Entwicklungsphase:

Die Lieferanzeige zeigt jetzt direkt die passende Marke bzw. den jeweiligen Partner.

Statt Partnernamen einfach nur als Text darzustellen, können die entsprechenden Logos direkt in der Lieferinformation erscheinen.

Damit ist auf einen Blick klarer, von wem ein Angebot stammt und über welchen Weg es geliefert wird.

Auch eigene Partnerlogos aus den Produktdaten können verwendet werden.


🛒 Auch der Warenkorb kennt deine Lieferung

Die neue Lieferlogik endet nicht auf der Produktseite.

Auch Warenkorb und Cart Drawer wurden entsprechend weiterentwickelt.

Produkte können dort nach ihrer Versandart beziehungsweise ihrem Anbieter dargestellt werden – inklusive Lieferinformationen und Partnerbranding.

So bleibt transparent, wenn eine Bestellung aus unterschiedlichen Lieferungen besteht.

Der Warenkorb selbst wurde gleichzeitig visuell überarbeitet:

• bessere Struktur
• sauberere Mengen- und Preisbereiche
• modernere Karten
• kompaktere Lieferinformationen
• klarere Abstände
• konsistenter Dark Mode
• bessere mobile Darstellung


🤝 Partnerangebote stärker integriert

Partnerangebote fühlen sich mit v7.3 weniger wie ein separater Teil des Shops an.

Anbieter, Lieferung und Branding wurden stärker miteinander verbunden.

Auch WENDICO wurde als eigener Partnerbereich stärker in Anania's Shop integriert – inklusive direkter Möglichkeit, eine Erstberatung über unseren Shop zu entdecken.


📱 Für kleine Displays. Und sehr grosse.

v7.3 wurde nicht nur für Smartphone und Desktop angepasst.

Wir haben die Darstellung über verschiedene Gerätegrössen hinweg neu abgestimmt:

• Smartphones
• Tablets
• iPads
• kleine Laptops
• grosse Laptops
• grosse Desktop-Bildschirme

Dabei wurden unter anderem Navigation, Produktseiten, Katalog, Suche, Warenkorb, Typografie, Abstände und Animationen angepasst.

Gerade auf kleinen Geräten wurde unnötiger Leerraum reduziert.

Auf grossen Displays wird der zusätzliche Platz gleichzeitig besser genutzt.


📰 Auch der Blog wurde überarbeitet

Unser Blog gehört jetzt ebenfalls stärker zum neuen Design.

Verbessert wurden unter anderem:

• Abstände zwischen Header und Titelbild
• Übergänge zum Floating Header
• Textdarstellung
• Kontraste
• Dark-Mode-Unterstützung
• Darstellung auf mobilen Geräten

Damit bleiben Beiträge auch im dunklen Modus vollständig lesbar.


🏠 Startseite weiter verfeinert

Auch die Homepage wurde an vielen Stellen neu abgestimmt.

Texte, Proportionen und Abstände wurden überarbeitet, damit Inhalte ruhiger wirken und Produkte stärker im Mittelpunkt stehen.

Zusätzlich wurden einzelne Shop- und Partnerbereiche weiter ausgebaut und das Gesamtdesign stärker vereinheitlicht.


⚡ Schneller. Ruhiger. Flüssiger.

Ein grosser Teil von v7.3 steckt dort, wo man ihn nicht direkt sieht.

Die technische Struktur wurde an mehreren Stellen optimiert.

Unter anderem werden bestimmte Ressourcen jetzt nur noch dort geladen, wo sie tatsächlich benötigt werden.

Auch Animationen und zeitabhängige Funktionen wurden effizienter gestaltet – beispielsweise indem unnötige Aktualisierungen in inaktiven Browser-Tabs reduziert werden.

Zusätzlich wurden:

• Scroll-Verhalten verbessert
• Ruckler reduziert
• Animationen verfeinert
• Layout-Sprünge reduziert
• unnötige Ressourcen auf einzelnen Seiten vermieden
• verschiedene Scripts zusammengeführt und bereinigt

Das Ergebnis soll vor allem eines sein:

Du sollst weniger über die Website nachdenken müssen.


🔍 Besser auffindbar

Auch unter der Oberfläche wurde Anania's Shop für Suchmaschinen und moderne Discovery-Systeme weiterentwickelt.

v7.3 enthält neue strukturierte Informationen für:

• Anania's Shop als Online Store
• Website und interne Suche
• Breadcrumb-Navigation
• Indexierung einzelner Seitentypen
• umfangreichere Suchmaschinen-Vorschauen

Gleichzeitig werden Bereiche, die nicht als eigenständige Suchergebnisse gedacht sind – beispielsweise Warenkorb oder interne Suchseiten – entsprechend behandelt.

Damit können Suchmaschinen und andere Systeme die Struktur und Inhalte des Shops besser verstehen.


♿ Kleine Details. Grosser Unterschied.

Neben den sichtbaren Neuerungen wurden viele kleinere Punkte überarbeitet.

Darunter:

• Fokusdarstellung für Tastaturbedienung
• responsive Fehler
• uneinheitliche Produktkarten
• Bildabstände
• Header-Artefakte
• Blog-Kontraste
• Scroll-Probleme
• Filterdarstellung
• Formulare im Dark Mode
• Suchdarstellung
• Cart Drawer
• Produktmedien
• kleinere UI- und Layoutfehler

Viele davon bemerkt man nach dem Update vielleicht gar nicht bewusst.

Und genau so soll es sein.


💛 Was gleich bleibt

Unser Anspruch.

Produkte sollen eine zweite Chance bekommen – und Shopping soll unkompliziert, transparent und persönlich bleiben.

Gebraucht. Geliebt. Geliefert.

v7.3 vereint die ursprünglich geplanten Entwicklungsschritte von v7.1 und v7.2 in einem deutlich grösseren Release.

Wir haben neu gestaltet.
Wir haben neu gebaut.
Wir haben getestet.
Und wir haben verfeinert.

v7.3 ist der nächste Schritt für Anania's Shop.

Und sicher nicht der letzte.

Danke, dass du uns dabei begleitest. 💛

📩 feedback@anania.ch

Dein Anania's Shop Team 🛍️

Zurück zum Blog