Vezert
Zurück zum Portfolio

Dokumentensignatur- und Zahlungsplattform

Plattform, die Benutzer mit klarer Navigation und Onboarding durch Dokumentensignatur- und Zahlungsschritte führt.

WebportalUX/UI-DesignInformationsarchitekturResponsives Design
Interface der Dokumenten-Signatur- und Payment-Plattform für Chaindoc

Website-Gesundheit

95%

Performance

97%

SEO

100%

KI-Such-Gesundheit

92%

Preis

12.400 EUR

Zeitrahmen

20 Tage

Überblick

Im Falle eines originellen und neuen Produkts benötigten wir eine Website, die sehr minimalistisch und leistungsorientiert sein würde. Dies sollte erreicht werden, indem die Hauptmerkmale des Produkts klar zum Ausdruck gebracht und sichergestellt wurde, dass die wichtigsten Dinge in den Fokus rücken, ohne zu viel Aufmerksamkeit auf Designelemente zu legen, die das gesamte Design ruinieren könnten.

Die Unterstützung verschiedener Sprachen war eine wesentliche Bedingung, und die Website adressierte 15 Sprachen, um ein globales Publikum zu erreichen. Außerdem sollte die Website mit einem Support-Bereich, einer umfangreichen API-Dokumentation für Entwickler, einem Blog und verschiedenen Formularen ausgestattet werden, die alle mit n8n integriert sind, um Workflows und interne Prozesse zu automatisieren.

Ziele

  • Sicherstellen, dass die Navigation einfach und klar ist.
  • Neue Benutzer in das Produkt einführen, ohne sie zu überlasten.
  • Benutzer über wichtige Aktivitäten und die wertvollsten Informationen auf dem Laufenden halten.
  • Hohe Leistung und Skalierbarkeit bei wachsender Plattform erreichen.
  • Eine saubere, moderne Ästhetik im Einklang mit digitalen Produkten haben.

Lösung

Unsere Architektur übernahm ein hochleistungsfähiges Design, das das Content-Management und die Veröffentlichung großer Inhaltsmengen vereinfacht und auch einen schnellen Zugriff auf alle Produktdienste für die Benutzer ermöglicht.

Die Preisseite wurde mit einem kohärenten Content-Management-System integriert, um die Diskrepanz der Daten zwischen Website und Anwendung zu vermeiden. Die Website wurde im gleichen visuellen Stil wie das Produkt entwickelt, damit die Marke ihre Konsistenz nicht verliert und eine gut entwickelte Benutzererfahrung bietet.

Wir haben mehrere Formulare innerhalb der Website erstellt und sie über n8n mit den internen Prozessen des Unternehmens verknüpft. Darüber hinaus wurden KI-Agenten hinzugefügt, um Formulareinreichungen zu kontrollieren und zu analysieren, wie Spam zu filtern, Partneranfragen zu sortieren und eingehende Materialien zu klassifizieren.

Eine der Prioritäten war auch Gamification. Im Fall der Desktop-Version der Website haben wir Zeichenwerkzeuge entwickelt, die dem Benutzer ermöglichen, Seiten zu interagieren und zu personalisieren. Alle Zeichnungen werden im Browser gespeichert, sodass man die gespeicherte Arbeit sehen kann, wenn man zurückkehrt.

Es gibt auch mehrere Analysesysteme in die Website integriert, die die Analyse des Benutzerverhaltens ermöglichen und Entscheidungen basierend auf den Informationen treffen.

Lösungs-Screens

Wichtige Screens, die zeigen, wie das Chaindoc-Portal Benutzer durch die Dokumentation führt.

Chaindoc Portal Startseite
Chaindoc Dokumentationsbibliothek-Ansicht
Chaindoc geführter Onboarding-Ablauf
Chaindoc Artikel-Layout
Chaindoc Ressourcen-Navigation
Chaindoc Sucherlebnis
Chaindoc Interface-Variante

Ergebnis

Das Produkt erhielt daher eine hoch skalierbare Website, die schnell und einfach zu verwalten war und große Inhaltsmengen unterstützt, ohne die Leistung zu beeinträchtigen. Dokumentation, Dienste und wesentliche Informationen über das Produkt können vom Benutzer sehr schnell abgerufen werden, unabhängig vom Wachstum der Plattform.

Eine einheitliche Content-Management-Strategie stellte die Konsistenz des Inhalts zwischen Website und Anwendung sicher, wodurch Fehler minimiert und Updates erleichtert wurden. Der automatisierte Workflow der Formulare und die von KI implementierte Datenverarbeitung trugen zu hoher Effizienz innerhalb des Unternehmens bei, sparten manuelle Arbeit und eliminierten irrelevante Einreichungen.

Interaktive und gamifizierte Funktionen führten zu Benutzerengagement, fortgeschrittene Analysen gaben ein klares Bild des Benutzerverhaltens, und das Team kann fundierte Entscheidungen bezüglich Produkt und Marketing treffen. Insgesamt erwies sich die Website als solide Plattform für Wachstum, Kommunikation und Benutzerengagement.

ElementDetails
Lieferzeitplan
  • 12 Tage für den Website-Bau
  • 8 Tage für Inhalte (Blog, API-Dokumentation, Gamification und Content-Optimierung).
Kosten
  • Die Website kostete 7.200 EUR
  • 40 Artikel kosteten 1.600 EUR
  • Gamification 400 EUR
  • API-Dokumentation 600 EUR
  • Gesamt 12.400 EUR.
Monatlicher Support
  • Hosting, Leistung und Geo-Sharding 50 EUR/Monat, Website-Wartung 50 EUR/Monat, insgesamt 100 EUR/Monat.
Team
  • Projektmanager-Analyst, Frontend-Entwickler, Backend-Entwickler, DevOps, QA.
Sprachen
  • Englisch, Deutsch, Spanisch, Estnisch, Französisch, Hindi, Italienisch, Kasachisch, Polnisch, Portugiesisch, Russisch, Türkisch, Ukrainisch, Vietnamesisch, vereinfachtes Chinesisch.
Gesamtseiten
  • 1013
Indexierungs-Stack
  • Sitemap wird generiert und validiert, RSS ist für Content-Feeds aktiviert, und LLMs werden mit strukturierten Daten für KI-Indexierung unterstützt.
Workflow
  • Das Team bringt KI-fokussierte Expertise mit und nutzt Agenten mit MCP-Servern, was die Qualität verbessert, die Lieferung beschleunigt und Kosten reduziert.

Tech Stack

BereichWerkzeuge
UX/UI-DesignFigma für Layout-Design, Prototyping und Design-Übergabe
FrontendNext.js mit TypeScript für ein schnelles, skalierbares und typsicheres Frontend
Content-ManagementModulare Content-Architektur mit JSON und Markdown für Flexibilität und Performance
Design-SystemTailwind CSS für ein konsistentes, wartbares und skalierbares UI-System

Benötigen Sie ein Skalierbares Webportal?

Wir entwerfen strukturierte Portale, die komplexe Inhalte klar und konversionsbereit halten.

Fallstudie FAQ

Praktische Antworten darüber, wie wir die Dokumentensignatur- und Zahlungsplattform gebaut und geliefert haben.