--- title: "Noveon" description: "Website für eine Investmentfirma in Hongkong, gebaut für zwei Personen, die keine Entwickler sind. Next.js vorne, Strapi auf dem eigenen Server dahinter. Fertig, noch nicht live." url: https://riteshkc.com.np/de/work/noveon source: https://riteshkc.com.np/de/work/noveon.md updated: 2026-04-01 site: "Ritesh KC" --- # Noveon Next.js- und Strapi-Website für eine Investmentfirma in Hongkong - Year: 2026 - Client: Noveon Capital - Role: Full-Stack-Entwickler - Duration: 3 Monate - Stack: Next.js, React, TypeScript, Tailwind CSS, Strapi - Live: https://noveon.wecreatelabs.com.hk/ ## Summary Website für eine Investmentfirma in Hongkong, gebaut für zwei Personen, die keine Entwickler sind. Next.js vorne, Strapi auf dem eigenen Server dahinter. Fertig, noch nicht live. ## Problem Noveon hat keinen Entwickler und wollte keinen auf Abruf. Eine Marketingleitung und ein Compliance-Verantwortlicher mussten jedes Wort ändern können, auch auf Seiten, die eine Aufsicht liest. ## Outcome Jede Seite ist ein Eintrag in einem CMS, das die Firma selbst hostet. Sechs Investorenseiten kommen aus zwei Templates, ein vierter Investorentyp ist ein neuer Eintrag statt neuer Code. Noveon is an investment firm in Hong Kong. It buys stakes in private equity funds from investors who want their money back before the fund pays out. > Screenshot (home hero): Die Startseite von Noveon: die Überschrift Asia's Global Private Equity Secondaries Platform über Videoaufnahmen der Skyline von Hongkong mit dem IFC-Tower. The firm has no developer and did not want one on retainer, and that single fact shaped the build. Everything a visitor reads is an entry in a CMS running on the firm's own server, so the marketing lead can rewrite a page and the compliance officer can correct a disclosure without opening a ticket with me. > Screenshot (investor split): Abschnitt der Startseite mit dem Titel Empowering Tomorrow's Private Markets: zwei Bildflächen, links Investment Strategies, rechts Investors. — Zwei Türen, dahinter sechs Seiten aus zwei Templates. The part worth showing is the investor section. Noveon runs three investment strategies and sells to three kinds of investor, which is six pages that a visitor compares closely. They come from two templates rather than six hand-built layouts, so they cannot drift apart, and a fourth investor type is a new entry rather than new code. > Screenshot (investor page): Die Seite Family Offices: drei nummerierte Karten unter Bespoke Strategies designed for You, zu Risikomanagement, Asien-Zugang und Co-Investments. — Eine von drei Investorenseiten, aus dem zweiten der beiden Templates. The build is finished. It is not live yet: Noveon is still writing the words that go in it. The case study covers the CMS decision, how three kinds of insight share one card, and the two things I would change before launch. ## Screens ### Home - Die Startseite von Noveon: die Überschrift Asia's Global Private Equity Secondaries Platform über Videoaufnahmen der Skyline von Hongkong mit dem IFC-Tower. - Das Eröffnungsbild der Website: die Wortmarke Noveon und die Zeile Mastery of Private Markets über einer Zeitlupenaufnahme eines Koi. — Beim ersten Laden läuft dieses Bild vor der Startseite. Der Auftritt der Marke, kein Ladebildschirm. - Statement-Abschnitt der Startseite: ein großer Serifensatz über Lösungen für Private Markets vor einer grünen Makroaufnahme, darunter die ersten Kennzahlen. - Die Werte-Leiste: vier Bildkarten mit den Titeln partnerschaftliche Ausrichtung, diszipliniertes Investieren, Innovation und Verantwortung. — Ziehen zum Weiterblättern, Fortschrittsbalken darunter. Nichts in der Komponente setzt vier voraus. - Abschnitt der Startseite mit dem Titel Empowering Tomorrow's Private Markets: zwei Bildflächen, links Investment Strategies, rechts Investors. — Zwei Türen, dahinter sechs Seiten aus zwei Templates. - Insights-Band der Startseite mit drei Karten: zwei Podcasts und eine Case Study, jede mit eigenem Bild und Label. — Eine Karte für alle drei Inhaltsarten. Das Label ist der Content-Type. ### Details - Das geöffnete Investors-Menü über der Startseite: eine Spalte mit drei Strategien, eine mit drei Investorentypen, daneben ein Foto. — Das Menü ist das Content-Modell als Bild: drei Strategien, drei Investorentypen. - Die 404-Seite: die Ziffern 404 in der Display-Schrift, die Zeile We couldn't find the page you requested und ein Link zurück zur Startseite. ### About - Abschnitt der Über-uns-Seite mit dem Titel Innovating Private Equity through Vision & Experience: die Gründungsgeschichte neben Porträts. - Missions-Block der Über-uns-Seite: drei aufklappbare Zeilen, die erste geöffnet auf Unlock Asia's Private Markets, rechts zwei überlappende Fotos. ### Team - Die Team-Seite: die Überschrift The People Behind Noveon über zwei Porträts, jedes mit Play-Button für eine Videovorstellung. - Abschnitt Our Office: eine eingefärbte Satellitenkarte Ost- und Südostasiens mit zwei Pins, daneben Adresse, Telefon und E-Mail in Hongkong. — Auch der Büro-Block ist ein Eintrag, samt Pins. ### Investors - Die Seite Asia General Partner Solutions: ein blaues Band mit drei Kennzahlen zu Transaktionen, bereitgestelltem Kapital und betreuten GPs. — Eine von drei Strategieseiten. Alle drei sind dasselbe Template mit anderen Einträgen. - Die Seite Family Offices: drei nummerierte Karten unter Bespoke Strategies designed for You, zu Risikomanagement, Asien-Zugang und Co-Investments. — Eine von drei Investorenseiten, aus dem zweiten der beiden Templates. ### Partnerships - Die Partnerships-Seite: die Überschrift Noveon partners with you for innovative investment solutions neben vier nummerierten Gründen im Raster. ### Labs - Der Kopf der Seite Noveon Labs: die Zeile One Platform. Complete Secondary Intelligence., ein Absatz zum Produkt NAIP und ein Button für eine Einladung. — Die einzige Seite, die Software verkauft und nicht die Firma. - Abschnitt What NAIP Delivers: links eine Videofläche, rechts vier nummerierte Feature-Kacheln, die erste ausgewählt. — Vier Features, eines ausgewählt, ein Video je Feature. Die Anzahl kommt aus dem Eintrag. - FAQ von Noveon Labs: vier zugeklappte Fragen zum Produkt, daneben eine Karte, die eine Antwort per E-Mail anbietet. ### Sustainability - Abschnitt Embedding sustainability mit vier farbigen Karten: ESG-Prüfung, aktive Beteiligung, Wirkungsmessung und laufende Verbesserung. ### Insights - Die Übersicht aller Artikel: Brotkrumen-Navigation, die Überschrift All Articles, rechts eine Sortierung und darunter die erste Artikelkarte. — Jede der drei Inhaltsarten hat diese Übersicht hinter sich. - Eine Artikelseite: links ein mitlaufendes Inhaltsverzeichnis mit markiertem Abschnitt, rechts die Abschnitte und Bilder des Artikels. — Das Verzeichnis entsteht aus den Abschnitten des Eintrags; ein neuer Abschnitt ergänzt eine Zeile. - Die Seite Knowledge Center: breite Karten für Investment Strategies und Investment Comparisons, jede mit dem Inhalt der Bibliothek. ### Contact - Die Kontaktseite: links E-Mail-Adresse und Büroadresse in Hongkong, rechts ein Formular mit fünf Feldern auf dunkelgrüner Fläche. ### Mobile - Die Navigation in Handybreite: ein bildschirmfüllendes Sheet mit Suchfeld oben, darunter die Menüpunkte, Investors und Insights mit Pfeil. — Auf dem Handy wandert die Suche an den Kopf des Sheets, wo die Kopfzeile keinen Platz hat. - Das Feature-Raster von Noveon Labs in Handybreite: die vier nummerierten Kacheln in zwei Spalten unter der Überschrift. ## Case study Sechs Investorenseiten, zwei Templates, kein Entwickler auf Abruf: https://riteshkc.com.np/de/case-studies/noveon (markdown: https://riteshkc.com.np/de/case-studies/noveon.md)