Warum Navi+?

Kategorie: Design & Interface Lesezeit: 8 Min.

Das Problem

Im besten Fall findet ein Besucher innerhalb der ersten Sekunden nach dem Aufrufen deiner Website das, was er sucht. Aber wenn das nicht klappt — und das ist bei den meisten Besuchen der Fall —, ist das Erste, wo er schaut und das Erste, was er anklickt, dein Navigationsmenü.

Das Problem: Wenn du eine Website auf Shopify, WooCommerce, WordPress oder einer anderen Plattform aufbaust, fällt das Menü, das du bekommst, meistens in eines von drei Mustern — und keines davon ist gut genug:

Besucher interessiert es nicht, welches Theme du verwendest. Sie kommen, sehen keinen klaren Weg nach vorne und gehen wieder. Du verlierst eine potenzielle Bestellung, ohne es überhaupt zu bemerken.

Dann brauchst du eine professionelle Menülösung

Ein professionelles Menü geht weit über „hübscher aussehen” hinaus. Es muss anspruchsvolle Anforderungen erfüllen — denn das Menü ist das zweithäufigst genutzte Element auf jeder Website (nur der „In den Warenkorb”-Button wird öfter angeklickt). Hier ist, was du erwarten solltest:

1. Leistungsstark — und in der Lage, eine Geschichte zu erzählen

Ein professionelles Menü braucht genug Darstellungsformate, um jedem Kontext gerecht zu werden: Mega Menu für den Desktop bei vielen Kategorien, Tab Bar für Mobilgeräte, damit Kunden wie in einer nativen App navigieren, Slide Menu für ein aufgeräumtes Hamburger-Panel, FAB für dringende Aktionen (Chat, Anruf, Buchung), Grid Menu für visuelle Landingpages.

Noch wichtiger: Das Menü muss die Customer Journey lenken — nicht nur Kategorien auflisten, sondern Zielgruppen, Anwendungsfälle, Anlässe und Bestseller vorschlagen. Das Menü soll ein stiller Verkäufer sein, kein Inhaltsverzeichnis.

2. Kompatibel — keine Konflikte mit Theme oder anderen Apps

Ein professionelles Menü muss problemlos mit dem Rest deiner Website zusammenarbeiten. Es darf den Warenkorb nicht verdecken, das Suchfeld nicht zerstören und sich nicht mit Chat-Widgets überlappen. Es darf dich nicht zwingen, zwischen „schönem Menü” und „meinen aktuellen Apps behalten” zu wählen.

Ein Theme-Wechsel darf nicht deine Konfiguration löschen — denn das Menü muss unabhängig vom Theme existieren und nicht fest in die Dateien eines bestimmten Themes integriert sein.

3. Schnell und absolut zuverlässig

Das Menü darf niemals „sterben”. Ein Besucher tippt aufs Menü und es friert 2 Sekunden lang ein — er geht. Ein Besucher öffnet das Menü bei einer schwachen 3G-Verbindung und es lädt nicht — er geht.

Ein professionelles Menü muss schnell genug laden, auf langsamen Verbindungen funktionieren und das Rendern der Hauptseite niemals blockieren. Es ist das Element, das immer bereit sein muss — jederzeit, auf jedem Gerät.

4. Messbar — bis auf einzelne Menüpunkte

Das ist ein entscheidender Faktor, den fast niemand richtig löst. Du kannst nicht optimieren, was du nicht messen kannst — und Menüs gehören zu den schwierigsten Komponenten, die sich mit Standardtools genau messen lassen.

Google Analytics zeigt dir, wie oft ein Link geklickt wurde, aber nicht, woher dieser Klick kam — War es aus dem Hauptmenü, einem Untermenü zweiter Ebene, einem Banner in einem Mega Menu oder einer Bottom-Tab-Bar? Du kannst nicht vergleichen: Wie viele Klicks erhält Position A für dasselbe Produkt gegenüber Position B?

Ein professionelles Menü muss für jeden Eintrag zwei Dinge separat messen: wie oft er angezeigt wurde (Impressionen) und wie oft er geklickt wurde. Daraus kannst du Positionen, Menütypen und A/B-Varianten vergleichen — und weißt, welche Entscheidungen langfristig wirklich Ergebnisse bringen.

Ohne diese Daten ist jede Menüänderung Raterei.

5. Interaktiv mit anderen Apps und Website-Komponenten

Ein modernes Menü ist keine statische Linkliste. Es muss das Suchfeld öffnen, das Warenkorb-Panel aufrufen, Chat-Widgets aktivieren, mit E-Mail- und Buchungs-Apps arbeiten — und vor allem JavaScript ausführen können, um bei Bedarf mit jeder anderen auf der Seite laufenden App zu interagieren.

Ein Menü, das nur auf andere Seiten verlinken kann, ist ein Menü aus den 2010er-Jahren. Ein modernes Menü ist der zentrale Steuerungspunkt — von dem aus jede wichtige Aktion mit einem einzigen Tap ausgelöst werden kann.

6. Mehrsprachig und für mehrere Märkte gerüstet

Wenn du in mehreren Märkten verkaufst, muss dein Menü mithalten. Integration mit Shopify Markets, mehrsprachige Unterstützung auf WordPress, die richtige Währung und die richtigen Labels pro Markt anzuzeigen — das ist eine Grunderwartung, kein Premium-Feature.

7. Vollständig in deiner Hand — keine Abhängigkeit von Entwicklern

Und schließlich, vielleicht am wichtigsten: Du — der Website-Betreiber — musst dein Menü ändern können, wann immer du es brauchst. Bevorstehende Sale-Saison, neuer Kollektionslaunch, neue Marketingstrategie, A/B-Test eines anderen Layouts — all das muss per Drag-and-Drop möglich sein, ohne einen Entwickler zu beauftragen, ohne auf ein Deployment zu warten.

Unsere Lösung: Navi+ AI Menu Builder

Navi+ ist ein No-Code-Menü-Builder — er hilft dir, schöne, conversion-starke Menüs für jede Website zu erstellen, ohne dein Theme anzufassen oder eine einzige Zeile Code zu schreiben.

Wenn deine Besucher Schwierigkeiten haben, das Gesuchte zu finden, könnte dein Menü das Hindernis sein. Navi+ hilft dir, das in wenigen Minuten zu beheben.

Wie Navi+ funktioniert

Navi+ ist ein Widget — es ersetzt oder modifiziert dein Theme nicht. Stattdessen injiziert es ein leichtgewichtiges Skript in deine Seite und rendert das Menü über deinem bestehenden Layout.

Alles wird über das Navi+-Dashboard verwaltet. Jede Änderung wird sofort live geschaltet — keine Code-Bearbeitungen, keine Template-Anpassungen, kein erneutes Veröffentlichen des Themes.

Der Ablauf:

1. Du erstellst ein Menü im Dashboard.
2. Navi+ generiert ein kleines Skript.
3. Dieses Skript wird in deine Website eingebettet (über App Block auf Shopify oder einen Code-Snippet auf anderen Plattformen).
4. Das Menü wird bei jedem Seitenaufruf über deinem Layout gerendert.

Funktioniert auf jeder Plattform

Navi+ integriert sich mit den Tools, die du bereits verwendest:

Shopify · WordPress · WooCommerce · Wix · Webflow · Squarespace — und jeder Website, die einen <script>-Tag akzeptiert.

Was Navi+ NICHT ist

• Kein Theme — Navi+ läuft neben deinem aktuellen Theme, nicht anstelle davon.
• Kein Code, den du manuell installierst — ein App Block (Shopify) oder ein Embed-Snippet reicht aus.
• Kein Plugin, das deine Website beschädigen kann — wenn Navi+ deaktiviert wird, kommt dein ursprüngliches Theme-Menü automatisch zurück.

Auf Geschwindigkeit ausgelegt

Navi+-Assets werden über Cloudflare CDN mit einer durchschnittlichen Ladezeit von ~52 ms ausgeliefert — typischerweise schneller als die eigenen Skripte deiner Plattform. Nach dem ersten Laden werden Menüs gecacht und öffnen sich sofort.

Fünf Menütypen in einer App

Du musst nicht zwischen „diesem oder jenem Menü” wählen — Navi+ gibt dir alle fünf, und du kombinierst sie nach Bedarf:

• Mega Menu — mehrspaltiges Dropdown mit Bildern, Bannern und Badges, designed für den Desktop, wenn du viele Kategorien visuell präsentieren möchtest.
• Tab Bar — eine fixierte untere Navigationsleiste für Mobilgeräte, die Besuchern das Gefühl einer nativen App statt einer Website gibt.
• Slide Menu — ein Hamburger-Panel, das von der Seite hereingleitet, aufgeräumt und vertraut, mit unbegrenzten Verschachtelungsebenen.
• FAB (Floating Action Button) — ein schwebender Button für dringende Aktionen wie Chat, Telefonanruf, „Nach oben” oder Buchung.
• Grid Menu — ein visuelles Bildraster für Homepages, Landingpages oder als visuelle Alternative zu traditionellen Menüs.

Alles wird über eine Drag-and-Drop-Oberfläche gestaltet — kein Code, kein Entwickler erforderlich.

Theme-unabhängig — Theme wechseln, ohne das Menü zu verlieren

Das ist der zentrale Unterschied. Navi+ ist nicht an das Theme gebunden, das du gerade verwendest. Die Menükonfiguration wird unabhängig im Navi+-Dashboard gespeichert und über einen leichtgewichtigen, theme-agnostischen Mechanismus in deine Website injiziert.

Heute verwendest du Dawn, morgen wechselst du zu einem anderen Theme — dein Menü ist noch da. Kein Neuaufbau von Grund auf. Kein Entwickler-Migration erforderlich.

Kompatibel — kein Konflikt

Navi+ ist so konzipiert, dass es problemlos mit dem Rest deiner Website koexistiert:

• Es verbirgt nicht das Hamburger-Menü, das Suchfeld oder den Warenkorb des Themes — Navi+ kann diese auslösen, anstatt sie zu ersetzen.
• Der Z-Index wird bewusst mit einem intelligenten Algorithmus verwaltet, der sich kontextuell anpasst, sodass es sich nicht mit Chat-Widgets, Popups oder anderen Apps überlappt oder von diesen überlappt wird.
• Navi+ basiert auf keiner externen Bibliothek — das garantiert keine Konflikte mit dem bestehenden Code deines Themes oder anderen Apps.
• Getestet auf den beliebtesten Themes und den am häufigsten verwendeten Plugins und Apps.

Messbar — wisse, welche Menüpunkte wirklich funktionieren

Das ist ein Feature, das fast kein anderer Menü-Builder auf dem Markt bietet. Navi+ trackt pro Menüpunkt:

• Impressionen — wie viele Besucher diesen Eintrag tatsächlich gesehen haben.
• Klicks — und von welcher Position (Hauptmenü, Untermenü zweiter Ebene, Mega-Menu-Banner…).
• CTR pro Eintrag — damit du die Performance über Positionen, A/B-Varianten und Menütypen hinweg vergleichen kannst.

Du hörst auf zu raten „dieses Menü scheint besser” und fängst an, Entscheidungen auf Basis echter Daten zu treffen.

Tiefe Interaktion mit deiner Website und anderen Apps

Jeder Navi+-Menüpunkt ist nicht nur ein Link. Er kann sein:

• Ein Auslöser zum Öffnen des Warenkorb-Panels, des Suchfelds oder des originalen Hamburger-Menüs des Themes — ein Tap statt dass der Besucher danach suchen muss.
• Ein Befehl zum Starten eines Chat-Widgets (Shopify Inbox, Tidio, Messenger, Zalo…) — dein Menü wird zum Gateway für den Support.
• Mailto, tel:, sms: — direkt aus dem Menü anrufen, mailen oder eine SMS senden.
• Custom JavaScript — jede Funktion aufrufen, die auf der Seite läuft, und mit jeder anderen App integrieren, ohne eine API zu benötigen.

Dein Menü wird zum zentralen Steuerungspunkt — kein statisches Inhaltsverzeichnis mehr.

Mehrsprachig und für mehrere Märkte bereit

Navi+ integriert sich direkt mit Shopify Markets, um die richtige Sprache, Währung und Labels für jeden Markt anzuzeigen. Auf WordPress/WooCommerce arbeitet Navi+ mit gängigen mehrsprachigen Plugins zusammen. Einmal konfigurieren — das Menü wird für Besucher in jedem Markt automatisch korrekt angezeigt.

Bedingte Anzeige — die richtige Zielgruppe, der richtige Moment, die richtige Seite

Jedes Menü (und jeder einzelne Menüpunkt) unterstützt Anzeigeregeln:

• Nach Gerät (nur Mobil, nur Desktop oder beides).
• Nach URL (nur auf Produktseiten anzeigen, bei Checkout ausblenden…).
• Nach Besucherstatus (eingeloggt / nicht eingeloggt).
• Nach Sprache und Markt.

Alles ohne Code konfigurierbar — nur ein paar Taps im Dashboard.

Vollständig in deinen Händen — du besitzt dein Menü

Jede Änderung erfolgt über das Drag-and-Drop-Dashboard von Navi+. Bevorstehende Sale-Saison? Den Mega-Menu-Banner in 2 Minuten austauschen. Neuer Kollektionslaunch? Zur Tab Bar hinzufügen und sofort veröffentlichen. Möchtest du ein anderes Layout A/B-testen? Eine zweite Version erstellen, die Ergebnisse messen, den Gewinner behalten.

Kein Deployment. Kein Warten auf einen Entwickler. Kein Risiko, dein Theme zu beschädigen.

Echter Support, wenn du ihn brauchst

Live-Chat direkt im Dashboard, in der Regel innerhalb von Minuten. Ein vollständiges Help Center mit plattformspezifischen Anleitungen. Das Navi+ Care-Team steht bereit, dein Menü für dich zu gestalten — wie ein Experte auf Abruf.