Neugestaltung der Startseite für ein KI-Technologieunternehmen
September-Oktober 2024
DATE
NexaPRO, ein in Paris ansässiges Startup, unterstützt Unternehmen dabei, intelligenter und schneller zu wachsen, indem es modernste KI-Lösungen nutzt. Gemeinsam mit meinen Teamkollegen Thomas, Leonardo und Eric habe ich an der Neugestaltung der Desktop-Startseite gearbeitet. Unser Ziel war es, eine vertrauenswürdige Startseite zu schaffen, die den komplexen Prozess KI-gestützter Analytik in verständlicher, nutzerfreundlicher Sprache erklärt.

Forschung, visuelles Design, Präsentation
ROLE
NexaPRO,
Paris
CLIENT
Valeriia Platova, Thomas Niclot, Leonardo Ramirez, Eric Kwarteng
TEAM
Gründe
Warum hat sich NexaPRO für ein Redesign der Website entschieden?
NexaPRO, ein junges Unternehmen, hat seine Website zunächst als ersten Versuch erstellt, um eine Online-Präsenz aufzubauen. Auf Basis von Nutzerfeedback wurde jedoch deutlich, dass die Seite den Mehrwert des Produkts nicht ausreichend vermittelt. Dadurch erfüllte die Website wichtige Ziele nicht vollständig, etwa die Gewinnung neuer Kunden und die Unterstützung des Unternehmenswachstums.
FORSCHUNG
Wir haben unser Projekt mit einer Recherchephase begonnen. Dafür haben wir die Zielgruppe des Kunden — kleine und mittelständische Unternehmen — befragt, um Einblicke in ihre Einstellung gegenüber KI-Tools zu gewinnen und Feedback zur Website des Kunden zu sammeln. Die Umfrage wurde mit Google Forms durchgeführt, wobei der Kunde freundlicherweise Zugang zu bestehenden sowie potenziellen Kund:innen bereitgestellt hat. Die Ergebnisse unserer Untersuchung finden Sie rechts:

75%
der getesteten Nutzer:innen sind besorgt über Datenschutz und Datensicherheit bei der Nutzung von KI
83,3%
der getesteten Nutzer:innen benötigen transparente Preisinformationen auf der Website
37%
der getesteten Nutzer:innen halten Produktfunktionen für die wichtigste Information auf der Website.
34,8%
der getesteten Nutzer:innen möchten Schritt-für-Schritt-Demos sehen.
NUTZERPERSONA
Nach der Sammlung zentraler Daten aus unserer Recherche haben wir eine Nutzerpersona für NexaPRO entwickelt: Emmanuel aus Paris. Er ist 35 Jahre alt und Gründer sowie CEO eines Startups im Bereich medizinische Bildgebung. Emmanuel verfügt über einen Hintergrund im medizinischen Bereich und hat sein Startup vor zwei Jahren gegründet, mit dem Ziel, die medizinische Bildgebungstechnologie zu revolutionieren. Er ist leidenschaftlich in seiner Branche engagiert und setzt sich dafür ein, das Gesundheitswesen durch Innovation zu verbessern.
Emmanuel, 35
Gründer und CEO eines Startups im Bereich medizinische Bildgebung
Ziele und Ambitionen

• Kosten und Zeit optimieren
• das Geschäft ausbauen
Paris
Frustrationen
• Mangelndes Wissen über KI-Lösungen
• Aufgrund des begrenzten Budgets ist das Verständnis des ROI entscheidend; wenn der ROI nicht klar erkennbar ist, fällt es schwer, die Investition zu rechtfertigen
Visual Design
Verhalten
• Neugierig und innovativ
• Vorsichtig in Bezug auf Datensicherheit
CEO of a Small/Medium Business need to find a way to grow their business using AI in a secure and affordable way, because they manage sensitive data with limited financial resources, but are overwhelmed by the large amount of information they need to process
FEATURE-PRIORISIERUNG
Da unser Ziel darin bestand, eine vertrauenswürdige Website zu gestalten, die die Produkte von NexaPRO klar erklärt, haben wir zunächst mögliche Features gesammelt und diese mithilfe der MoSCoW-Methode priorisiert. Dabei haben wir berücksichtigt, welche Art von Website Emmanuel als Nutzer vertrauen würde und für Produktinformationen als relevant erachtet.
In dieser Phase war bereits klar, welche Aspekte Priorität haben sollten, was die Entscheidungsfindung im Team deutlich erleichtert hat.

Muss-Kriterien
Kann-Kriterien
Soll-Kriterien
Wird nicht umgesetzt
Product Packages
Logos of partnership
Book a Demo
Hero text
Values
Explainer videos
News
Infographics
Searchbar
Trustpilot ratings
User Reviews
Press releases
FAQ
Prices
Privacy
Based on survey results, we prioritized the most essential sections as "Must-Haves": Book a Demo, Pricing, Product Packages, Privacy.
Additionally, Partner Logos, FAQ and Values were included to build user trust and provide more information about the company.
MID-FI-PROTOTYP
Basierend auf der Feature-Priorisierung haben wir einen Mid-Fidelity-Prototyp entwickelt.
Wir haben den Prototyp mit dem Kunden geteilt, um zu überprüfen, ob unsere Lösung seinen Anforderungen entspricht. Insgesamt war das Feedback sehr positiv. Die einzige Anpassung, die vorgenommen werden musste, betraf den Bereich „Our Products“, der zu viele Informationen enthielt. Dieses Problem haben wir in der High-Fidelity-Prototyping-Phase behoben.

STYLE TILE
Das Design ist minimalistisch, klar und professionell. Mintgrün wurde als Primärfarbe gewählt, um Nachhaltigkeit und Vertrauen zu vermitteln sowie frische, innovative Lösungen zu symbolisieren.
HIGH-FIDELITY-PROTOTYP

DESKTOP
Klicken Sie auf den Prototyp:
Der erste Bildschirm vermittelt durch sein klares und minimalistisches Design einen professionellen Eindruck. Ein dynamischer Button motiviert Nutzer dazu, eine Demo zu buchen, während Logos von Partnerunternehmen Vertrauen aufbauen. Die Navigationsleiste ist so strukturiert, dass sie die relevantesten Informationen für die Nutzer priorisiert, insbesondere die Bereiche „Produkt“ und „Preise“. Der CTA-Button führt die Nutzer direkt zum Produktbereich, in dem sie einen detaillierten Produktüberblick sowie transparente Preisinformationen finden.

HI-FI-PROTOTYP

MOBILE
Klicken Sie auf den Prototyp
NÄCHSTE SCHRITTE
Tests
Gestaltung der Seiten: Produkte, Preise, Über uns, Kontakt
WICHTIGE ERKENNTNISSE
Visual Design
Nach der Projektpräsentation erhielten wir positives Feedback von unserem Kunden. Unsere Stakeholderin Kseniia bemerkte, dass wir die Anforderungen ihres Unternehmens vollständig erfüllt und alle Wünsche berücksichtigt haben. Das zu hören, war sehr erfreulich, da wir viel Einsatz in das Projekt investiert haben.

Die Zusammenarbeit mit neuen Menschen im Team ist immer ein Abenteuer. Zu Beginn betritt man unbekanntes Terrain – man kennt weder Persönlichkeiten noch Stärken, Schwächen oder mögliche Konfliktpunkte. Es ist ein wenig wie das Navigieren in unbekannten Gewässern. Wenn ein Projekt jedoch erfolgreich sein soll, ist es entscheidend, starke Beziehungen im Team aufzubauen. Das bedeutet, Kompromisse einzugehen und gemeinsame Lösungen zu finden, auch wenn es schwierig ist. Gleichzeitig sollte man, wenn man von einer Lösung überzeugt ist, keine Angst haben, sie zu vertreten. Wichtig ist dabei, offen für Feedback zu bleiben und den Austausch aktiv zu suchen. Die Balance zwischen Zusammenarbeit und Überzeugung ist entscheidend, um das Team voranzubringen.

Vielen Dank fürs Lesen!
P.S.
Unser Team wurde mit einer Auszeichnung für das beeindruckendste UI und die beste Animation geehrt!