UI/UX-Designdienstleistungen

Context and Challenge

Über NewJersey.Rentals

NewJersey.Rentals is New Jerseys own, by the Community operating platform, on the local gastgeber their accommodations with 0% guest fees, low guest price and real support by real einheimische. So wird jeder Aufenthalt erschwinglicher, authentischer und von den Menschen unterstützt, New Jersey am besten kennen.

Anforderungen

Für NewJersey.Rentals hatten wir die Gelegenheit, das UI/UX-Design von Grund auf zu leiten. Angesichts der Vision des Kunden für eine hochgradige maßgeschneiderte Plattform — eine Plattform, die weit über das standardmäßige Erscheinungsbild von Sharetribe hinausgeht und ein modernes Erlebnis bietet, das von großen Marktplattformen inspiriert ist — haben wir erkannt, wie wichtig es ist, nicht mit dem Design zu tun. Dann haben wir einen durchdachten Ansatz gewählt und Zeit darauf verwendet, die wichtigsten Aspekte der Kundenanforderungen zu untersuchen und zu klären, bevor wir weitermachen.

Anfahrt

Process Proposal

Um sicherzustellen, dass wir die Anforderungen des Kunden vollständig verstanden und auf sie abgestimmt haben, bevor wir mit der Ausführung beginnen, haben wir einen strukturierten, schrittweisen Prozess vorgeschlagen. Jede Phase wurde so konzipiert, dass sie eine solide Grundlage für die nächsten Bilder bilden, sodass wir durchdacht und das Momentum aufrechterhalten konnten. The process include:

• Wireframing
• Feedback-Schleife
• Originalgetreues Design
• Feedback-Schleife
• Übergabe an einen Entwickler
• Support by the development
• Design of Marketingpages
• Feedback-Schleife
• Development of Marketingpages (Webflow)
• Feedback-Schleife
• Videos mit Anleitungen
• Kontinuierlicher Support

When the total travel flosses feedback and improvements in each phase. This approach allows us to improve the quality of the platform continuous and during the correct way to be a time to come at the market.

Design of the main platform

Wie bei unseren anderen ShareTribe-Projekten mussten wir bei fast jedem Schritt sorgfältig Zeitbeschränkungen, Budgetbeschränkungen und die nativen Funktionen von Sharetribe abwägen. Unser Ziel war es, eine raffinierte, moderne Plattform bereitzustellen — ohne Kompromisse beim Zeitplan oder bei der Entwicklungsstabilität einzugehen. This means, ensure that enough buffer for ground developments and tests available, to minimating errors and problems after the market introduction.

Wir beginnen mit der Erstellung detaillierter Wireframes, um alle Funktionen und Funktionen der Plattform abzubilden. In enger Zusammenarbeit mit dem Entwicklungsteam haben wir diese Wireframes so zugeschnitten, dass sie in das Framework von Sharetribe passen. This was found a considered equal weight between the customer and them, which could be implemented by the Developer.

Nachdem der Funktionsumfang definiert war, sind wir auf High-Fidelity-Design umgestiegen. Dank der rechtzeitigen Bereitstellung der Inhalte durch den Kunden verlief diese Phase reibungslos. When this phase have both the development team as also the customer active — they tested, verfeinert and feedback to design elements, features and user behavior.

Um Klarheit und Ausrichtung zu gewährleisten, haben wir unsere High-Fidelity-Designs mit ausführlichen Hinweisen und Verhaltensbeschreibungen versehen. This half the customer, to exactly know how the elements after the development are work, wodurch Überraschungen und Missverständnisse vermieden werden — ein Bereich, den wir festgestellt haben, wird oft von anderen Designteams übersehen.

Marketing-Seiten

Zusätzlich zur zentralen Marktplatzplattform zielte NewJersey.Rentals darauf, seine Marketingpräsenz durch ein ausgeklügeltes System von SEO-optimierten Blogbeiträgen und gezielten Landingpages mit gut gestalteten Inhalten und Keywords zu stärken.

Um diese Initiative zu unterstützen, haben wir Webflow dank seines flexiblen und benutzerfreundlichen CMS als Plattform der Wahl ausgewählt. When the designs were completed, we went quickly with the development within of Webflow.

Wir haben mehrere benutzerdefinierte Funktionen implementiert, um sowohl die Benutzererfahrung als auch die SEO-Leistung zu verbessern, darunter:

• Ein Sparrechner, der zeigt, wie viel Gäste bei NewJersey.Rentals von ihren Einnahmen im Vergleich zu anderen Plattformen sparen können.
• Ein dynamisches Inhaltsverzeichnis für eine verbesserte Inhaltsnavigation
• In jedem Blogbeitrag integrierte Social-Sharing-Tools
• Dynamisches Schema-Markup pro Blogseite zur Unterstützung umfangreicher Suchmaschinenergebnisse

With the powerful CMS by Webflow provides the customer now about a skalable and easy to managed content system, that it allows him allows to create, to publishing and optimize blog content independent — was den langfristigen Traffic und die Sichtbarkeit der Plattform steigert.

resultat

NewJersey.Rentals ist dank eines gut strukturierten Prozesses und kontinuierlicher Feedback-Schleifen erfolgreich und pünktlich gestartet und läuft nun reibungslos. Es gibt zwar immer noch Möglichkeiten für weitere Verbesserungen, aber aufgrund von Zeit- und Budgetbeschränkungen waren bestimmte Kompromisse erforderlich. But are already improvements in the gang, to ensure that the platform also after their first publication.

Kontext und Herausforderung

Über StatLiving

StatLiving ist eine etablierte Marke, die kurz- und langfristige Wohnlösungen für Studenten und medizinisches Fachpersonal in den fünf Bezirken von New York City und Long Island anbietet.

Angesichts der Pläne, landesweit — und irgendwann auch weltweit — zu skalieren, hat StatLiving Sharetribe als Plattform seiner Wahl ausgewählt und sich mit Journeyhorizon zusammengetan, um die Entwicklung und Erweiterung seines Marktplatzes der nächsten Generation zu leiten.

Herausforderung

Im Laufe der Entwicklung identifizierten sowohl der Kunde als auch das Entwicklerteam Bereiche, die verbessert werden könnten, um die Benutzererfahrung zu verbessern. Sie standen jedoch vor der Herausforderung, sich vorzustellen, wie diese Verbesserungen aussehen könnten und wie sie effektiv implementiert werden könnten. An dieser Stelle kam unser Team ins Spiel und sorgte für Klarheit und Orientierung, indem es Verbesserungsmöglichkeiten sowohl in Bezug auf UI als auch UX identifizierte.

Anfahrt

Klärung der Anforderungen

Bei einem Projekt wie diesem besteht eine zentrale Herausforderung darin, unsere Lösungen auf die Fähigkeiten von Sharetribe abzustimmen und sicherzustellen, dass sie innerhalb eines engen Zeitplans technisch machbar, kostengünstig und realistisch sind, insbesondere im Hinblick auf die bevorstehende Markteinführung.

Um dieses Problem zu lösen, haben wir gemeinsame Sitzungen mit dem Entwicklungsteam abgehalten, um ein klares Verständnis der aktuellen Fortschritte zu erlangen und Schwachstellen aus deren Sicht zu identifizieren. Die während dieser Diskussionen gesammelten Erkenntnisse spielten eine entscheidende Rolle bei der Gestaltung der von uns vorgeschlagenen praktischen und effektiven Lösungen.

Was ist zu tun

Die wichtigsten identifizierten und vorgeschlagenen Verbesserungen:

• Engagement auf der Homepage: Auf der bestehenden Homepage fehlten ansprechende Inhalte und es gab keine Immobilienangebote — eines der Hauptelemente, für die Nutzer auf die Plattform kommen. Wir haben empfohlen, Angebote gut sichtbar zu platzieren, um das Interesse der Nutzer sofort zu wecken.
• UI und Inhaltsstruktur: Die gesamte Benutzeroberfläche litt unter schlechtem Kontrast und Layout, was das Scannen von Inhalten erschwerte — insbesondere auf informationsreichen Seiten wie dem Checkout-Flow. Wir haben eine klarere visuelle Hierarchie und eine bessere Lesbarkeit auf der gesamten Website vorgeschlagen.
• Trennung zwischen Gast- und Hostfluss: Um das Nutzererlebnis zu optimieren, haben wir vorgeschlagen, unterschiedliche Navigationsabläufe für Gäste und Gastgeber zu erstellen. Auf diese Weise kann jeder Benutzertyp relevante Aktionen und Informationen schneller und intuitiver finden.

Hinrichtung

Wir haben in einem iterativen Live-Prozess eng mit dem Entwicklungsteam zusammengearbeitet. Während wir mit dem Design vorankamen, überprüfte das Entwicklerteam aktiv unsere Arbeit, gab Feedback in Echtzeit und wir haben kontinuierlich entsprechende Aktualisierungen vorgenommen. Dieser Ansatz reduzierte die Hin- und Herkommunikation erheblich und trug dazu bei, den Übergang vom Design zur Implementierung zu optimieren — was sowohl Zeit als auch Mühe sparte.

Ergebnis

Als Ergebnis unseres kollaborativen und iterativen Ansatzes wurde das endgültige Design nahtlos an den aktuellen Entwicklungsfortschritt angepasst. Dies stellte nicht nur die technische Machbarkeit sicher, sondern ermöglichte es dem Entwicklungsteam auch, ohne größere Nacharbeiten effizient voranzukommen. Durch die Anpassung des Designs an Einschränkungen und Feedback in Echtzeit halfen wir dem Team, auf Kurs zu bleiben und die Startfrist des Projekts souverän einzuhalten.

Kontext

Über TurtleCi

‍

TurtleCI ist eine entwicklerfreundliche Plattform, die darauf ausgelegt ist, Continuous Integration and Continuous Delivery (CI/CD) schnell, erschwinglich und für alle zugänglich zu machen.

Im Mittelpunkt von TurtleCI stehen vier Leitwerte:

• Helfen Sie anderen zum Erfolg
• Sei stolz auf deine Arbeit
• Erfüllen Sie Ihre Verpflichtungen
• Verwaltung

Diese Werte inspirieren jede Lösung, die wir entwickeln — damit Entwickler mit Zuversicht entwickeln, liefern und skalieren können.

‍

Anforderungen

TurtleCi bereitet sich auf den Start vor und benötigt eine Website, die effektiv mit dem Publikum in Kontakt tritt und bevorstehende Marketingkampagnen unterstützt.

Um dies zu erreichen, arbeiten wir eng mit den Entwicklungs- und Marketingteams zusammen, um sicherzustellen, dass die Website die richtige Botschaft, das richtige Branding und die Gesamtvision der Plattform widerspiegelt.

‍

Was wir machen

Gestaltung der Webseite

Da TurtleCi bereits über ein etabliertes Markenfundament verfügt, können wir ohne langwierigen Explorationsprozess direkt in die Designphase übergehen. Zuvor haben wir mit dem Marketingteam zusammengearbeitet, um eine klare und effektive Inhaltsstruktur zu entwickeln, die sicherstellt, dass die wichtigsten Botschaften und relevanten Keywords gut integriert sind.

Das Ziel der Website von TurtleCi ist es, auf der bestehenden Markenidentität aufzubauen und gleichzeitig ein klares, unkompliziertes Design beizubehalten. Der Inhalt wird übersichtlich und einfach zu scannen sein, sodass Entwickler schnell auf die Informationen zugreifen können, die sie über die Plattform benötigen.

Die Reaktionsfähigkeit auf Mobilgeräten hat oberste Priorität, da ein erheblicher Teil des Datenverkehrs voraussichtlich von Mobilgeräten stammen wird. Die Website muss ein nahtloses Erlebnis auf allen Bildschirmgrößen bieten.

Webflow-Entwicklung

Nachdem das Design fertiggestellt war, sind wir in die Webflow-Entwicklungsphase übergegangen. Als erfahrene Webflow-Entwickler lieferte unser Team eine vollständig ansprechende Website, bei der alle Funktionen gründlich getestet wurden und reibungslos funktionierten.

Sie können mehr über unsere Webflow-Entwicklungskompetenz erfahren, indem Sie unsere dedizierten Serviceseite.

Wir haben auch erneut eng mit dem Marketingteam zusammengearbeitet, um sicherzustellen, dass die SEO-Implementierung ordnungsgemäß und kampagnenfähige Konfigurationen von Anfang an vorhanden waren.

‍

Ergebnis

Das Ergebnis ist eine umfassende, leistungsstarke Website, die die Vision und Botschaft von TurtleCI klar vermittelt. Die Website basiert auf starken SEO-Grundlagen und ist auf Leistung optimiert. Sie ist voll ausgestattet, um das Wachstum von TurtleCi zu unterstützen und der Plattform zu helfen, neue Höhen zu erreichen.

Context & Challenge

About Novabridge

Novabridge is a ServiceNow Elite Partner based in Australia, delivering enterprise-grade automation, consulting, and implementation services for government and private sectors. Known for their deep technical expertise and unique culture, Novabridge helps large organizations streamline internal operations through powerful digital solutions.

Challenge

Prior to the redesign, Novabridge’s website lacked a clear and scalable user flow. The information architecture was poorly structured, with limited visual hierarchy and contrast—making it difficult for users to navigate and understand the content. Additionally, the site was not mobile-friendly, which significantly impacted the overall user experience.

‍

Novabridge approached Journeyhorizon to completely reimagine the user experience and visual identity of their website while building a scalable development foundation. Their goal was to deliver a site that felt “nerdy, weird, impressive” yet still minimal and high contrast, staying true to their unconventional yet expert-driven brand personality.

Approach

Platform exploration & research

We began by auditing the existing site to identify strengths and pain points across user flows, structure, and usability. Simultaneously, we immersed ourselves in Novabridge’s brand guidelines and internal vision to align our direction with their distinctive style, balancing minimalism with eccentricity and boldness.

‍

Working closely with Novabridge’s Board of Directors throughout the process, we:

• Conducted a full UX and content audit
• Defined the core content structure and user journeys
• Delivered low-fidelity wireframes to validate structure and flow
• Developed high-fidelity UI designs expressing brand tone (nerdy, weird, high-contrast)
• Implemented the final website using Webflow and our internal development framework to ensure future scalability and fast build time

Identified problems

• Lack of clear user flow: The original site had no logical path for users to follow, leading to confusion and early drop-off.
• Limited scalability: The old structure wasn’t built for growth, making it difficult to add pages or new content without restructuring everything.
• Poor information hierarchy & contrast: Key messages were lost in the layout due to weak visual hierarchy and low contrast between content elements.
• Unfriendly mobile experience: The site was not responsive, causing frustration for users accessing via smartphones and tablets.

Solution

Based on our research and close collaboration with the client, we delivered a completely redesigned digital experience:

• Information Architecture Rebuild: We restructured the entire content flow, providing clear paths for users to explore services, values, and contact options—each supported by strong, clear CTAs.
• Visual Identity Execution: The UI design leveraged bold typography, high-contrast color schemes, minimalist layouts, and subtle eccentric details to reflect Novabridge’s “weird but expert” personality.
• Scalable Webflow Development: Using Journeyhorizon’s custom Webflow framework, we built a modular, CMS-powered site that allows the client to easily add case studies, blog posts, and job listings in the future—without needing developer support.
• Mobile-first Responsive Design: We ensured the experience was seamless across all devices, with unique optimizations for mobile to improve usability and readability.

Outcome

The redesigned website successfully captured Novabridge’s unconventional yet professional identity while greatly improving usability, performance, and scalability. Early results and feedback included:

• Significantly clearer navigation and user flows
• Strong positive feedback from internal stakeholders and clients
• Increased internal ownership: Novabridge’s team now manages and updates content independently
• Enhanced confidence in using the site as a business development tool

Kontext und Herausforderung

Über HomebakedNearby

Hausgemacht in der Nähe ist eine Marktplatzplattform, die Kunden in ganz Texas mit einem breiten Netzwerk von Hausbäckern verbindet. Es ermöglicht Hausbäckern und Eltern, die zu Hause bleiben, ihr Geschäft auszubauen, mehr Kunden zu erreichen und ohne den typischen Stress und die Ineffizienzen der Backbranche zu Hause zu arbeiten.

Herausforderung

Nach der Markteinführung stand HomebakedNearby vor Herausforderungen bei der Kundenkonversion. Der Kunde hat sich zusammen mit seinem Entwicklungsteam an uns gewandt, um Verbesserungsmöglichkeiten zu identifizieren. Dabei konzentrierte er sich hauptsächlich auf die Startseite und den Bestellfluss, die beiden kritischsten Bereiche, die sich auf die Konversionsrate auswirken.

Anfahrt

Erkundung und Recherche von Plattformen

Wir haben die HomebakedNearby-Website eingehend untersucht und ihre wichtigsten Funktionen und Interaktionen getestet. Um ein tieferes Verständnis zu erlangen und Schwachstellen aufzudecken, haben wir eine umfassende User Journey Map aus der Sicht eines typischen Kunden erstellt. Bei dieser Reise wurden eindeutig mehrere Probleme aufgedeckt, die sich auf das gesamte Nutzererlebnis auswirken und sowohl auf subjektive (emotionale/frustrierende) als auch auf objektive (funktionale/nutzerfreundliche) Faktoren zurückzuführen sind.

Identifizierte Probleme

• Niedriges Engagement auf der Homepage: Die Homepage ist mit Informationen überladen, aber die Produkte sind nicht sofort sichtbar — es fehlt der zentrale Wert, nach dem die Kunden suchen.
• Unübersichtlicher und ineffizienter Bestellvorgang: Einschränkungen im Standard-Setup von Sharetribe führen zu Verzögerungen und machen den Bestellablauf unintuitiv.
• Fehlerhafte Logik beim Abgleich von Einkaufswagen zu Bäcker: Kunden müssen manuell nach dem richtigen Bäcker für Produkte in ihrem Warenkorb suchen, was zu unnötigem Backtracking und Frustration führt.
• Schwache Verbindung zwischen Produkten und Bäckern: Es fehlt an kontextuellen Verknüpfungen, was das Vertrauen und die Klarheit der Benutzer beeinträchtigt.
• Möglichkeiten zum Copywriting: Einige Abschnitte könnten durch präzisere, ansprechendere und überzeugendere Botschaften verbessert werden.

Lösung

Basierend auf unseren Recherchen, in Kombination mit dem Feedback unserer Kunden und dem technischen Input des Entwicklungsteams, haben wir eine überarbeitete User Journey Map erstellt, die die wichtigsten zuvor identifizierten Probleme behandelt. Dies wurde durch eine Reihe von Wireframes unterstützt, um zu veranschaulichen, wie die vorgeschlagenen Verbesserungen in der tatsächlichen Erfahrung Gestalt annehmen würden.

Ergebnis

Am Ende haben wir eine vollständige Liste potenzieller Verbesserungen identifiziert. Bei der Entwicklung ist die Suche nach Lösungen jedoch nur ein Teil der Herausforderung — die Umsetzung erfordert sowohl Zeit als auch Budget. Um ein praktikables Vorgehen zu gewährleisten, haben wir Abstimmungsgespräche mit dem Kunden und dem Entwicklungsteam abgehalten, um die Verbesserungen zu priorisieren. Dies erleichtert es dem Kunden, fundierte Entscheidungen zu treffen und effizient voranzukommen.

Kontext und Herausforderung

Über Vennu

Vennu ist eine Marktplattform für Menschen mit Gemeinschaftsressourcen und Menschen, die nach dem besten Raum für alle Arten von Aktivitäten und Veranstaltungen (groß und klein) suchen. Vennu wurde gegründet mit der Vision, einzigartigen und ungenutzten Räumen neues Leben einzuhauchen, und revolutionierte die Kunst und die Art und Weise, wie es bei verfügbaren Räumen üblich ist.

Herausforderung

Bei Ihrem Betrieb hat das Team von vennow viele Rückmeldungen und Fragen von Gastgebern zu einem bestimmten Teil der Plattform: der Buchverwaltung.

Der Standardkalender von sharetribe funktioniert, aber du bist nicht für viele Gastgeber verfügbar. Seitdem haben viele Gastgeber daran gewöhnt, ihre Buchungen auf Kalenderplattformen wie Google Calendar oder anderen Vermietungsplattformen wie Airbnb zu verwalten. Sie fanden, dass es ein wichtiges fehlendes Element auf Vennu ist, vor allem für die größten Gastgeber auf der Plattform, die täglich eine ganze Menge Buchungen verwalten.

Anfahrt

Erkundung und Recherche von Plattformen

Der erste Schritt für eine gefundene Plattformforschung ist da, die Plattform zum Erkunden und Verstehen. Dabei geht es nicht nur um das Standortmanagement, sondern auch um andere Bereiche der Plattform, um ein umfassendes Verständnis der Vennu-Nutzer und der Problemzusammenhänge zu bekommen.

‍

Wir besuchen dann andere Mietplattformen wie Airbnb, booking.com und einige Kalenderplattformen wie Calendly, um nach verschiedenen möglichen Verbindungen zu suchen.

Vennus Bedürfnisse

Abseits der Recherche nach Mitbewerbern und anderen domainbezogenen Plattformen ist es wichtig, anzuhören, was der Gast von Vennu tatsächlich benötigt. Aus diesem Grund haben wir das Vennu-Team gebeten, kontinuierlich mehr Feedback von den Gastgebern auf der Plattform einzuholen, während wir mit dem Entwurf und dem Wireframing der Möglichkeiten beginnen.

Lösung

Ausgehend von der Recherche, den Anforderungen und dem Feedback des Gastgebers von Vennu beginnen wir mit der Entwicklung einer Kalender- und Buchungsverwaltungsfunktion, die auf Vennu zugeschnitten ist.

‍

Aufgrund der Entwicklungseinschränkungen sind wir nur bis zum Wireframe gegangen, da das Entwicklungsteam das aktuelle Branding Setup auf Sharetribe verwendet, um Zeit und Aufwand zu sparen.

Einige Anforderungen und Probleme mit diesem Kalender sind:

• Mehrzweckkalender: Buchung verwalten, Tag und Öffnungszeiten der offenen Tür verwalten, einzelne Buchungen ändern,...
• Widersprüchliche Buchungen aufgrund der Zusammenführung von Kalendern aus externen Kalenderimporten
• Interne Verwaltung mit Notizen
• Wochen- und Monatskalenderansicht
• Benutzerdefiniertes Tag-Management
• Reagiert auf Mobilgeräten

Und mehr...

Ergebnis

Das Ergebnis war nicht einfach, aber durch verschiedene Feedbackrunden und die Zusammenarbeit mit dem Entwicklungsteam haben wir ein Konzept für die Kalender-/Buchverwaltung, dass nur die Ideen der Vennu-Teams relevant sind und für die Entwicklung machbar sind.

‍

Im letzten Teil des Prozesses hatten wir ein Übergabegespräch mit dem Entwicklerteam, und dank der engen Zusammenarbeit war es ein Kinderspiel.

‍

Der Kalender ist immer der schwierigste Teil einer Managementplattform, da Sie stark von Ziel, Ziel und der Technologie dahinter unterscheiden. Es war eine großartige Erfahrung für uns, tief in diesen Aspekt der Recherche bis zum endgültigen Konzept einzubeziehen.