--- title: "Prajesh Sagar" description: "Einseitige Website für einen Investmentbanker in Kathmandu, der private Portfolios an der nepalesischen Börse führt. Next.js mit Payload in derselben App, dazu ein Hero, der driftet wie ein Chart." url: https://riteshkc.com.np/de/work/prajesh-sagar source: https://riteshkc.com.np/de/work/prajesh-sagar.md updated: 2026-08-25 site: "Ritesh KC" --- # Prajesh Sagar Next.js- und Payload-Landingpage für einen Portfoliomanager an der NEPSE - Year: 2026 - Role: Design und Entwicklung - Duration: 1 Monat - Stack: Next.js, React, TypeScript, Tailwind CSS, Payload CMS, Vercel - Live: https://prajeshsagar.com.np ## Summary Einseitige Website für einen Investmentbanker in Kathmandu, der private Portfolios an der nepalesischen Börse führt. Next.js mit Payload in derselben App, dazu ein Hero, der driftet wie ein Chart. ## Problem Prajesh verkauft Portfolioverwaltung an Menschen, die ihm zuerst Geld anvertrauen sollen. Er brauchte eine Seite, die das in einem Scroll verdient und die er selbst umschreiben kann. ## Outcome Eine Seite in der Reihenfolge der Fragen, die ein Käufer stellt, am Ende ein Formular, das fragt, was sonst das erste Gespräch klärt. Jeder Abschnitt ist ein Eintrag in Payload. Prajesh Sagar runs private portfolios on the Nepal Stock Exchange. His buyer is somebody holding anywhere from a few lakh to a few crore of NEPSE stock, deciding whether to hand it to a stranger. That decision does not get made on a call. It gets made on this page, in about a minute, by a reader who has never met him. So the page had to look like money and not like a pitch. This category defaults to stock photography: handshakes, glass towers, a man in a suit pointing at a rising line. The artwork here comes from the currency instead. Line drawings of Nepali rupee notes and a candlestick chart sit behind the headline in gold on navy, a bull and a bear frame the video, and every figure is set in a serif so it reads like a number in a report. > Screenshot (about): Der Über-mich-Abschnitt: zwei Absätze zur Praxis, ein Video von Prajesh vor Publikum, links und rechts Strichzeichnungen von Bulle und Bär. The design on this one is mine as well as the build. One month, one page, plus a blog and a projects section waiting for him to fill. > Screenshot (partners orbit): Der Abschnitt Trusted By: sechs Kundenlogos auf zwei blassen Ringen, die langsam um das Löwen-Monogramm in der Mitte kreisen. — Eine Umdrehung dauert 26 Sekunden. Die Logos drehen gegen, damit sie aufrecht bleiben. He edits all of it. A headline, a statistic, a service, a client logo. Enquiries land in the same admin he writes from, each with a box to tick once he has answered. The case study covers the order of the page, how the hero animation is built, and what the form asks before it asks for a call. ## Screens ### Landing page - Die Startseite: die Überschrift Your Portfolio, Professionally Managed über Strichzeichnungen nepalesischer Geldscheine und eines Candlestick-Charts. - Derselbe Hero auf dem Telefon: Überschrift, eine Zeile Unterzeile, der goldene Button und darunter die ersten beiden Kennzahlen-Karten. — Die zwei schwersten Zeichnungen werden in dieser Breite nie geladen. - Das Proof-Band: vier dunkle Kennzahlen-Karten links, rechts die Zeile Where Capital Becomes Real Growth, darunter Kundenlogos. — Die Karten beginnen oberhalb der Falz. Der erste Scroll landet auf einer Zahl. - Der Über-mich-Abschnitt: zwei Absätze zur Praxis, ein Video von Prajesh vor Publikum, links und rechts Strichzeichnungen von Bulle und Bär. - Das Leistungsraster: zwei breite Karten, Portfolioverwaltung und Anlagestrategie, darunter vier schmale für Planung, Audit und gepooltes Kapital. — Zwei Größen, ein Eintragstyp. Ein Häkchen entscheidet, welche eine Leistung bekommt. - Die Werte-Leiste: drei Spalten mit den Titeln Vertrauen, Innovation und strategisches Denken, dahinter jeweils ein großes blasses Icon. - Das Stimmen-Band: zwei Reihen Zitatkarten, die in entgegengesetzte Richtungen laufen, jede mit Zitat, Avatar und Namen. - Der Abschnitt Trusted By: sechs Kundenlogos auf zwei blassen Ringen, die langsam um das Löwen-Monogramm in der Mitte kreisen. — Eine Umdrehung dauert 26 Sekunden. Die Logos drehen gegen, damit sie aufrecht bleiben. - Drei Portfolio-Karten nebeneinander, jede mit Kurzbeschreibung, Verlaufslinie, Risikoanzeige sowie Strategie und Ergebnis darunter. - Das Anfrageformular: Name, E-Mail und Telefon, darunter Chip-Reihen zu Anliegen, verwaltetem Vermögen und gewünschtem Zeitpunkt. ### Other pages - Die Projektseite ohne Einträge: die Überschrift Every mandate, on the record über einer Fläche mit dem Hinweis, dass noch nichts veröffentlicht ist. — Der Leerzustand ist geschriebener Text, keine leere Seite. ### CMS - Das Payload-Dashboard, gruppiert in Inhalte, System, Einstellungen und Abschnitte, mit einer Karte je Collection und je Abschnitt der Landingpage. - Der Hero-Abschnitt in Payload: die goldene und die weiße Hälfte der Überschrift als eigene Felder, die Unterzeile, die Button-Labels und eine Kennzahl. — Der Hilfetext unter jedem Feld sagt, wo die Wörter herauskommen. - Ein Leistungseintrag in Payload: Icon-Auswahl auf Briefcase, Titel, Beschreibung, ein Häkchen für große Karte und eine Akzentfarbe. - Der Kontakt-Abschnitt in Payload: die Überschriftenfelder, darunter Kontaktzeilen mit Icon, Titel, Wert und dem Link, den der Wert öffnet. - Die Anfragenliste in Payload, zwei Einträge, Name, E-Mail und Telefon geschwärzt, daneben Eingangsdatum und ein Bearbeitet-Kennzeichen. — Jede persönliche Zelle ist in der Aufnahme selbst übermalt, nicht per CSS. ## Case study Eine Seite, ein Ziel und ein Hero aus Geldscheinen: https://riteshkc.com.np/de/case-studies/prajesh-sagar (markdown: https://riteshkc.com.np/de/case-studies/prajesh-sagar.md)