Work/SaaS

Yatri Billing

Yatri Billing is a signed-in workspace for invoices, customers, and reports. Landing on the left, login on the right.

Open live site↗

billing.yatricloud.com

Client

Yatri Cloud

Industry

B2B SaaS / invoicing

Location

India

Year

2025

Engagement

Product entry + workspace

Timeline

Discovery to launch

Live capture

Yatri Billing — billing.yatricloud.com
The brief

Challenge

Billing tools often greet you with a marketing novel before a login. Yatri Billing needed the first screen to do two jobs: say what the product is, and let a returning user sign in without a second page.

How we worked

Approach

A split layout — promise on the left, workspace login on the right, create-account under the fold of the form. Once inside: invoices, customers, reports. We kept the public chrome quiet so the product could start immediately.

AudienceSmall teams who send invoices

Scope

What we shipped

01

Split landing + login

02

Create a workspace

03

Invoice list

04

Customers

05

Reports

06

Secure sign-in

Method

How we ran it

  1. 01

    Entry

    Decide what belongs on the public half vs the signed-in half.

  2. 02

    Auth

    Sign-in and create-account on one screen, no extra hops.

  3. 03

    Workspace

    Invoices, customers, and reports as the daily tools.

  4. 04

    Harden

    Lock down sessions and empty states before real invoices go in.

Result

Outcome

A new workspace can start from the first URL. Returning users sign in on the same screen. The live product is an invoicing room, not a landing-page maze.

Stack

Tools for this build

Next.jsTypeScriptAuth
Next

Want a site that works this clearly?