Der Relaunch der Website von Imaginary Cloud führte in nur 3 Monaten zu einem Anstieg der Konversionen um 5%
About this project
Da wir erkannt haben, wie wichtig ein besseres UI/UX-Erlebnis für die Steigerung der Konversionsrate ist, haben wir die Website nach unserem Wachstumsprüfungs- und Produktdesign-Prozess neu gestaltet.
Ergebnis: Die Neugestaltung führte zu einem Anstieg der Konversionen um 5%, und die Zahlen steigen weiter.
our INVOLVEMENT
Entwerfen
Entwicklung
technologies
Webflow
Motiviert durch unser Engagement, ein außergewöhnliches Online-Erlebnis zu bieten, führten wir ein Growth Audit mit Analysetools wie Google Analytics und Hotjar durch und führten Benutzerinterviews in Echtzeit durch, um zu verstehen, wonach die Nutzer beim Besuch einer Softwareentwicklungswebsite wirklich suchten.
Mit Google Analytics haben wir uns eingehend mit wichtigen Kennzahlen wie Zeit pro Seite, Absprungrate und Konversionsraten befasst. Diese quantitativen Daten lieferten unschätzbare Einblicke in das Nutzerverhalten und ermöglichten es uns, Bereiche zu identifizieren, in denen Verbesserungen möglich sind. Mit diesem Wissen haben wir unsere Wireframes verfeinert, das Engagement optimiert und ein nahtloses Nutzererlebnis geschaffen.
Parallel dazu wurde Hotjar unser Verbündeter und zeichnete Benutzerinteraktionen anhand von Heatmaps, Sitzungsaufzeichnungen und Benutzerfeedback auf. Diese qualitativen Daten enthüllten Nutzerpräferenzen, Problembereiche und Verbesserungsmöglichkeiten. Sie ermöglichten es uns, unsere Wireframes iterativ zu verfeinern und sicherzustellen, dass sie intuitiv so konzipiert wurden, dass sie den sich ständig ändernden Erwartungen unserer Nutzer entsprechen.
Die Benutzerinterviews halfen uns dabei, die Hauptperson von Imaginary Cloud zu formen. Diese besteht aus Nutzern, die nach einem geeigneten Dienstleister suchen, der zu Größe und Kultur passt und dessen Prozess schnell, flexibel und an ihre Bedürfnisse angepasst ist.
Während die anfängliche Überarbeitung der Website erhebliche Verbesserungen mit sich brachte, ist es wichtig zu erwähnen, dass sich die digitale Landschaft ständig weiterentwickelt. Die Dynamik der Nutzerpräferenzen, der technologische Fortschritt und die Markttrends erfordern eine kontinuierliche Überwachung und Anpassung. Durch die kontinuierliche Analyse von Daten und das Sammeln von Nutzerfeedback stellen wir sicher, dass unsere Website ansprechend und ansprechend bleibt und auf die sich ändernden Bedürfnisse moderner Nutzer abgestimmt ist. Dieses kontinuierliche Engagement ermöglicht es uns, ein außergewöhnliches Online-Erlebnis zu bieten und in einer wettbewerbsintensiven digitalen Welt die Nase vorn zu haben.
Da wir ein tiefes Verständnis unserer Systeme, Daten und Inhaltsstruktur hatten, haben wir sowohl das Design als auch die Implementierung der Website von Imaginary Cloud intern durchgeführt.
Unser Designteam hat einen Styleguide, ein Designsystem und alle Wireframes auf Figma erstellt und dabei die Prinzipien der Benutzerfreundlichkeit, Barrierefreiheit und visuellen Attraktivität berücksichtigt. Nach der Designgenehmigung haben wir mit der Entwicklungsphase begonnen. Unser Webflow-Entwicklungsteam verwendete alle in der Analysephase identifizierten Best Practices, um die Wireframes zum Leben zu erwecken. Anschließend konzentrierten wir uns auf die Optimierung von Leistung, Reaktionsfähigkeit und eine nahtlose Integration aller Funktionen und Tools von Drittanbietern.
Unser Wissen ermöglichte es uns, einen sorgfältigen Plan zu entwickeln und eine reibungslose Migration durchzuführen. Wir verfolgten einen gut durchdachten Ansatz und kombinierten unser Fachwissen und unser strategisches Denken, um mögliche Herausforderungen zu bewältigen. Gründliche Tests, umfassende Backup-Pläne und eine sorgfältige Implementierung sorgten für einen reibungslosen Migrationsprozess.
NEW PROJECT IN MIND? LET'S TALKduring the project
Für diese Neugestaltung nutzten wir unseren eigenen PDP (Product Design Process). Wir waren uns der Bedeutung eines strukturierten und nutzerorientierten Ansatzes bewusst und starteten dieses Projekt mit einer klaren Roadmap.
Während des gesamten Prozesses sorgten regelmäßige Feedback-Schleifen und Wiederholungen dafür, dass wir auf dem gleichen Stand blieben und notwendige Korrekturen vorgenommen haben.
two stages
Migration
Development
four stages
Research
Ideation
Execution
Technical Assessment
four stages
Requirements
Back-end integration
Website development
Advanced filtering and search
four stages
Research
Ideation
Execution
Technical Assessment
four stages
Backlog
Bootstrap
Wave 0
Wave N
four stages
Research
Ideation
Execution
Launch & Handover
two processes
MVP
ADP
Four stages
Scope meeting
Code review
Test review
Quality review
Assessment
Four stages
Backlog
Bootstrap
Wave 0
Wave N
during the project
Für diese Neugestaltung nutzten wir unseren eigenen PDP (Product Design Process). Wir waren uns der Bedeutung eines strukturierten und nutzerorientierten Ansatzes bewusst und starteten dieses Projekt mit einer klaren Roadmap.
Während des gesamten Prozesses sorgten regelmäßige Feedback-Schleifen und Wiederholungen dafür, dass wir auf dem gleichen Stand blieben und notwendige Korrekturen vorgenommen haben.
TECHNOLOGIES used
Unsere Website wurde bereits auf Webflow aufgebaut. Da wir im gleichen Ökosystem geblieben sind, haben wir die Effizienz maximiert, da wir mit der Plattform vertraut waren, es uns ermöglichte, ihre Funktionen, die intuitive Benutzeroberfläche und die umfangreichen Anpassungsoptionen zu nutzen.
Wir haben den Styleguide, das Designsystem und die neuen Wireframes auf einer kollaborativen Figma-Datei erstellt.
Wir haben das implementiert Arbeitsmodell für verwaltete Projekte was beinhaltete, das Projekt vollständig im eigenen Haus zu entwickeln.
Das Team hatte einen Projektmanager, der die Planung, Koordination und Ausführung beaufsichtigte und Zeitpläne, Ressourcen und Ziele verwaltete; 4 Designer, die an der Erstellung des Designs und der Implementierung der neuen Seiten über Webflow mitarbeiteten; und 2 Entwickler, die mit 2 Wachstumsspezialisten zusammenarbeiteten, um Leistung und Code zu optimieren und potenzielle Risiken während der Migrationsphase zu minimieren.
This project delivered an in-depth understanding of the customer persona and their interaction with the service.
Drei Monate nach dem Launch wurden die Konversionen um 5% erhöht — und es werden immer noch mehr
Die auf der Seite verbrachte Zeit stieg um 3%
Die Rate der Seitenabbrüche sank um 4,26%
Die durchschnittliche Zeit pro Seite auf all unseren Serviceseiten ist 69% länger
Hat eine fesselnde Website erstellt, die die Dienste von Imaginary Cloud effektiv kommuniziert
The project behind the NDA
Da wir erkannt haben, wie wichtig ein besseres UI/UX-Erlebnis für die Steigerung der Konversionsrate ist, haben wir die Website nach unserem Wachstumsprüfungs- und Produktdesign-Prozess neu gestaltet.
Ergebnis: Die Neugestaltung führte zu einem Anstieg der Konversionen um 5%, und die Zahlen steigen weiter.
