Intelligente Produktsuche mit modernem Finder-Tool in Vue.js
network.publishing hat diesen komplexen, hochdynamischen Finder gestaltet und technisch umgesetzt – insbesondere mittels einer Vue.js-Komponente, die Anwender:innen in wenigen Klicks zur passenden Lösung führt.
Der Finder wurde primär als komfortables Recherchetool konzipiert, das folgende Funktionen bietet:
- Finden nach Druckverfahren
Nutzer:innen können zunächst ein Verfahren wählen (z. B. Flexo, Offset, UV, Inkjet). Anschließend stehen weiterführende Filter bereit – etwa nach Technologie (z. B. UV, Wasserbasis), Produkttyp (Tinten, Primer, OPV, Weiß, Metallics) oder sogar Druckkopfspezifikationen bei Inkjet-Systemen. - Finden anhand der gewünschten Anwendung
Alternativ kann über verschiedene Anwendungskategorien navigiert werden – von Substrattypen über Verpackungsformate bis hin zu Speziallösungen wie Anti-Fog oder Cold-Seal. - Freitextsuche
Mittels Eingabe eines Schlüsselbegriffs lassen sich gezielt Produktnamen oder Anwendungen finden. Ohne Eingabe werden alle verfügbaren Lösungen angezeigt – ein niederschwelliger Einstieg.
Diese strukturierte und doch flexible Menüführung macht den Zugang zum Portfolio effizient, ohne Nutzer:innen mit technischen Begriffen zu überfrachten. Gerade in einem Markt mit spezialisierter Nomenklatur ermöglicht der Finder schnelle Orientierung – egal ob Fachanwender oder Neukunde.
Technische Umsetzung & Architektur
Vue.js-Komponente
Der Finder ist als interaktive Frontend-App realisiert, die schlank, reaktiv und performant arbeitet. Filterauswahl und Suchabfragen erfolgen ohne Seitenreloads, was UX und Bedienkomfort erhöht.
Anbindung an Content-Strukturen
Das Backend aggregiert Informationen zu allen Anwendungen und Farbserien in einem strukturierten Content-API. Die Frontend-Komponente nutzt diese Daten, um Trefferliste und Detailansichten dynamisch zu rendern.
Progressive Erweiterbarkeit
Das System wurde von Anfang an so konzipiert, dass es künftig um Filter wie regionale Verfügbarkeit oder neueste Releases erweitert werden kann.
Mehrwert & UX-Vorteile
- Effizienz
Nutzer:innen finden gezielt und schnell passende Lösungen, ohne in langen Produktverzeichnissen zu navigieren. - Zielgruppenorientiert
Durch klare Kategorien und Filter bietet der Finder intuitive Zugänge für unterschiedliche Anwendergruppen – von technischen Einkäufern bis zu Verpackungsdesignern. - Zukunftsfähigkeit
Dank modularer Architektur lässt sich das Tool problemlos erweitern – etwa mit weiteren Filteroptionen oder neuen Produktlinien.
Services
Unsere oberste Direktive lautet: Zuhören. Im engen Kundendialog entstehen bei uns die Konzepte für erfolgreiche Internetprojekte. So schaffen wir es, komplexe Anforderungen in clevere und benutzerfreundliche Software zu verpacken, die dazu auch noch schön aussieht.
Design ist mehr als Optik: Wir entwickeln Interfaces, die nicht nur fantastisch aussehen, sondern auch intuitiv funktionieren – auf jedem Gerät, für jedes Projekt.
Ob Internet, Intranet, mobile Apps für iOS & Android oder die Integration in bestehende IT-Landschaften – wir entwickeln stabile Gesamtsysteme, die funktionieren und höchste Ansprüche an Sicherheit, Nachhaltigkeit und Qualität erfüllen.
Seit 2003 erstellen wir mit dem Open-Source Content Management System TYPO3 CMS anspruchsvollste Lösungen. Responsive und barrierefrei, Headless, API, Multi-Site/Multi-Language, Suchsystem, Redaktions-Workflows oder Integration mit anderen Systemen? Genau unser Ding!
Fahrt aufnehmen mit individueller System- und Datenintegration, API-Entwicklung, Automatisierung und cleverem Einsatz von KI-Agenten - sicher, datenschutzkonform und nachhaltig.
Technologien
Weitere Projekte
Neugierig, wie wir arbeiten?
In einem Gespräch oder Workshop zeigen wir Ihnen, wie wir Projekte gemeinsam anpacken.
