--- title: "Investment Banker/Analyst Portfolio" description: "A portfolio site for a Kathmandu investment banker who manages private portfolios on the Nepal Stock Exchange. Next.js with Payload inside the same app, and a hero that drifts like a chart." url: https://riteshkc.com.np/work/prajesh-sagar source: https://riteshkc.com.np/work/prajesh-sagar.md updated: 2026-08-25 site: "Ritesh KC" --- # Investment Banker/Analyst Portfolio Next.js and Payload CMS portfolio website for a NEPSE portfolio manager - Year: 2026 - Client: Prajesh Sagar - Role: Designer and developer - Duration: 1 month - Stack: Next.js, React, TypeScript, Tailwind CSS, Payload CMS, Vercel, Cloudflare R2, NeonDB - Live: https://prajeshsagar.com.np ## Summary A portfolio site for a Kathmandu investment banker who manages private portfolios on the Nepal Stock Exchange. Next.js with Payload inside the same app, and a hero that drifts like a chart. ## Problem Prajesh sells portfolio management to people who have to hand him money first. He needed a page that earns that in one scroll, and that he can rewrite himself without a developer. ## Outcome One page ordered around the questions a buyer asks, ending in a form that asks what a first call would. Every section of it is an entry in a Payload admin running inside the same app. 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): The about section: two paragraphs about the practice, a video of Prajesh presenting to a room, and line drawings of a bull and a bear either side of it. 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): The trusted by section: six client logos sitting on two faint rings that rotate slowly around the lion monogram at the centre. — One rotation takes 26 seconds. The logos counter-rotate so they stay upright. 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 - The home page: the headline Your Portfolio, Professionally Managed over line drawings of Nepali banknotes and a candlestick chart, above a gold button. - The same hero on a phone: headline, one line of subheading, the gold button, and the first two stat cards below it. — The two heaviest drawings are never requested at this width. - The proof band: four dark stat cards two by two on the left, the line Where Capital Becomes Real Growth on the right, and client logos under it. — The cards start above the fold. The first scroll lands on a number. - The about section: two paragraphs about the practice, a video of Prajesh presenting to a room, and line drawings of a bull and a bear either side of it. - The services grid: two wide cards, portfolio management and investment strategy, over four narrow ones for planning, audit and pooled capital. — Two sizes, one item type. A checkbox decides which a service gets. - The core values rail: three columns headed trust, innovation and strategic thinking, each with a large faint icon behind the text. - The testimonials band: two rows of quote cards running in opposite directions, each card carrying a quote, an avatar and a name. - The trusted by section: six client logos sitting on two faint rings that rotate slowly around the lion monogram at the centre. — One rotation takes 26 seconds. The logos counter-rotate so they stay upright. - Three portfolio cards side by side, each with a summary, a performance sparkline, a risk meter, and the strategy and result written under it. - The enquiry form: name, email and phone, then rows of chips asking what brings you here, what you are managing today and how soon you want to move. ### Other pages - The projects page with nothing published: the heading Every mandate, on the record over a bordered panel reading no projects published yet. — The empty state is written copy, not a blank page. ### CMS - The Payload dashboard, grouped into content, system, settings and sections, with one card per collection and one per section of the landing page. - The hero section in Payload: the gold half of the headline and the white half as separate fields, the subheading, the button labels, and one stat. — The help text under each field says where the words come out. - A service entry in Payload: an icon picker set to Briefcase, a title, a description, a featured checkbox reading render as a large card, an accent. - The contact section in Payload: the heading fields, then contact detail rows carrying an icon, a title, a value and the link the value opens. - The enquiries list in Payload, two submissions, with the name, email and phone of both blacked out, and the submitted date and a handled flag beside them. — Every personal cell is painted out in the capture itself, not in CSS. ## Case study One page, one ask, and a hero made out of banknotes: https://riteshkc.com.np/case-studies/prajesh-sagar (markdown: https://riteshkc.com.np/case-studies/prajesh-sagar.md)