Ancilar turned the client’s brand kit into a typed design system, then built every page, the cost calculator, lead capture, the blog and the deployment pipeline on Next.js and Vercel.
Every quote, card and table keeps the service fee and the government fee on separate lines, from one shared pricing data source.
Five questions produce a live estimate with a likely range, and visitors see the number before leaving any details.
Contact and quote forms validate every field, include spam checks and save leads to Firestore under strict write rules.
Ten reviewed guides, structured data on every page, a sitemap and an RSS feed.
Tech Stack:
Next.js
TypeScript
Tailwind CSS
Next.js
TypeScript
Tailwind CSS
Next.js
TypeScript
Tailwind CSSThe full website: the design system, every page, the cost calculator, lead capture forms, the blog with its first ten guides, and the deployment pipeline to Vercel.
Showing the consultant’s fee and the government fee as two separate numbers on every price, across setup routes, services and visas.
Visitors answer five questions and see a live estimate with a likely range. No contact details are needed to see the number; an exact quote is optional.
Contact and quote forms validate input, include spam checks and save leads to Firebase Firestore under rules that accept only the expected fields.
About two weeks from the first commit to the complete site on its production domain, released page by page.
A clear proven process, that delivers
You've seen our ideas - now go deeper.
Discover more insights, guides, and engineering practice.