--- title: "Noveon" description: "A website for a Hong Kong investment firm, built so people who are not developers can run it. Next.js on the front, Strapi on the firm's own server behind it. " url: https://riteshkc.com.np/work/noveon source: https://riteshkc.com.np/work/noveon.md updated: 2026-04-01 site: "Ritesh KC" --- # Noveon Next.js and Strapi website for a Hong Kong investment firm - Year: 2026 - Client: Noveon Capital - Role: Full-stack developer - Duration: 3 months - Stack: Next.js, React, TypeScript, Tailwind CSS, Strapi - Live: https://noveon.wecreatelabs.com.hk/ ## Summary A website for a Hong Kong investment firm, built so people who are not developers can run it. Next.js on the front, Strapi on the firm's own server behind it. ## Problem Noveon has no developer and did not want one on retainer. A marketing lead and a compliance officer had to be able to change any word on the site, including pages a regulator may read. ## Outcome Every page is an entry in a CMS the firm hosts itself. Six investor pages come from two templates, so a fourth investor type is a new entry rather than new 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): Noveon home page: the headline Asia's Global Private Equity Secondaries Platform over footage of the Hong Kong skyline and the 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): Home page section titled Empowering Tomorrow's Private Markets with two photographic panels, Investment Strategies on the left and Investors on the right. — Two doors, and behind them six pages built from two 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): The Family Offices page: three numbered cards headed Bespoke Strategies designed for You, covering risk management, access to Asia and co-investment. — One of three investor pages, from the second of the two 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 - Noveon home page: the headline Asia's Global Private Equity Secondaries Platform over footage of the Hong Kong skyline and the IFC tower. - The site's opening frame: the Noveon wordmark and the line Mastery of Private Markets over slowed footage of a koi carp. — The first load plays this before the home page. It is the brand's own opening, not a loading screen. - Home page statement section: a large serif paragraph about pioneering private market solutions over green macro footage, with the first figures below it. - The core values rail: four photographic cards captioned client-aligned partnership, intelligence-driven investing, forward-looking innovation, stewardship. — Drag to advance, progress bar under it. Nothing in the component assumes four. - Home page section titled Empowering Tomorrow's Private Markets with two photographic panels, Investment Strategies on the left and Investors on the right. — Two doors, and behind them six pages built from two templates. - Home page insights band titled Insights Uncovered with three cards: two podcasts and a case study, each with its own image and label. — One card serves all three kinds of insight. The label is the content type. ### Details - The Investors menu open over the home page: an investment strategy column of three links, an investor column of three, and a photograph beside them. — The menu is the content model drawn: three strategies, three investor types. - The site's 404 page: the numerals 404 in the display face, the line We couldn't find the page you requested, and a back to homepage link. ### About - About page section titled Innovating Private Equity through Vision and Experience, with the firm's origin story in a column beside portraits. - About page mission block: three expandable rows, the first open on Unlock Asia's Private Markets, with two overlapping photographs at the right. ### Team - Team page: the heading The People Behind Noveon over two member portraits, each with a play control for a video introduction. - Our Office section: a tinted satellite map of east and southeast Asia with two pins, beside the Hong Kong address, phone number and email. — The office block is an entry too, pins included. ### Investors - The Asia General Partner Solutions page: a blue band headed Asia's Private Equity Moment with three figures for transactions, capital provided and GPs covered. — One of three strategy pages. All three are the same template with different entries. - The Family Offices page: three numbered cards headed Bespoke Strategies designed for You, covering risk management, access to Asia and co-investment. — One of three investor pages, from the second of the two templates. ### Partnerships - Partnerships page: the heading Noveon partners with you for innovative investment solutions beside four numbered reasons in a two by two grid. ### Labs - Noveon Labs page opening: the line One Platform. Complete Secondary Intelligence., a paragraph about the NAIP product and a request invite button. — The one page selling software rather than the firm. - What NAIP Delivers section: a video panel on the left, four numbered feature tiles on the right, the first one selected. — Four features, one selected, a video per feature. The count comes from the entry. - Noveon Labs FAQ: four collapsed questions about the product beside a card offering an email reply to anything not covered. ### Sustainability - Sustainability page section headed Embedding sustainability, with four coloured cards: ESG due diligence, active ownership, impact measurement, improvement. ### Insights - The all articles listing: a breadcrumb, the heading All Articles, a sort control at the right and the first article card below. — Each of the three insight types has this listing behind it. - An article page: a table of contents pinned at the left with the current section marked, the article's own sections and images at the right. — The contents list is built from the sections in the entry, so a new section adds a row. - Knowledge Center page: full-width cards for investment strategies and investment comparisons, each listing what the library holds. ### Contact - Contact page: the email address and Hong Kong office address on the left, a five-field message form on a dark green panel at the right. ### Mobile - The navigation at phone width: a full-screen sheet with a search field at the top and the nav items below, Investors and Insights carrying disclosure arrows. — Search moves to the top of the sheet on mobile, where the header has no room for it. - The Noveon Labs feature grid at phone width: the four numbered tiles reflowed into two columns under the heading. ## Case study Six investor pages, two templates, and no developer on retainer: https://riteshkc.com.np/case-studies/noveon (markdown: https://riteshkc.com.np/case-studies/noveon.md)