Prajesh Sagar
Next.js- und Payload-Landingpage für einen Portfoliomanager an der NEPSE
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.
- meine rolle
- Design und Entwicklung
- ergebnis
- 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.
- stack
- Next.js
- React
- TypeScript
- Tailwind CSS
- Payload CMS
- Vercel
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.
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.
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.
Ein Monat an einer einseitigen Website für einen Portfoliomanager an der NEPSE. Die Reihenfolge der Seite, wie die Hero-Animation in CSS entsteht und was das Formular vorher fragt.
screens
16 screens — click to enlarge