Front-End Engineer

About Saphyroo

We are building a new saphyroo.com from the ground up, and we want you to be the one who builds it.

Saphyroo makes fleet and transport telematics for operators across Australia, the UK and Saudi Arabia. The software is sharp and the company is growing fast. The new website is being built to match.

The design is already done, every page and every state, drawn in Figma to the standard of the best software sites on the internet. We need someone to turn it into the real thing. Faithfully, fast and at the polish level it was drawn to.

The Role

You own the build of saphyroo.com. The whole front end, not a slice of it.

You take a finished Figma and turn it into a fast, multi-language website on a modern stack, block by block, with a polish review on every pull request. This is a build role, not a design role. The taste decisions are made. Your job is to honour them in code and catch the thousand small things that separate a site that works from one that feels expensive.

What You’ll Do

• Build a library of twelve marketing blocks in Storybook before any page is assembled, each in light and dark, both text directions, mobile and desktop, with its empty and overflowing states handled.
• Ship marketing pages wired to Sanity in four locales, including Arabic with full right-to-left. Arabic is not a find-and-replace, and you will get the mirroring and the type right.
• Build the motion the design calls for with Motion, Lenis, GSAP and Lottie. Codified tokens, animated counters, a magnetic primary call to action. Motion that earns its place and never fights the content.
• Defend the performance budget on every deploy. Largest Contentful Paint under two seconds on a 4G phone is a merge gate, not a target. Miss it and the pull request does not go in.

What You Bring

• You have shipped marketing or product sites at a high polish bar, and you can send us the link.
• Deep Next.js App Router and React, and Tailwind without thinking about it. You own a component library, you do not just use one someone else built.
• Real animation skill. You know when motion helps and when it only adds weight.
• You build pixel-accurate from Figma without being chased on spacing, type or timing, and you treat performance as part of the work.
• A bonus if you bring Sanity, Cloudflare Workers, right-to-left interfaces or Arabic.

The Stack

Next.js 15 App Router on Cloudflare Pages, Tailwind 4 and shadcn/ui, Sanity v3, next-intl, Motion with Lenis, GSAP and Lottie, Klaro consent and a Lighthouse polish gate on every preview deploy.

How We Hire

No whiteboard puzzles. We give you one real block from the Figma and access to our agents, and we watch you build it. We want to see how you direct the agents, hold them to the bar and catch what they get wrong. That is the job, so that is the interview. The best engineers now build with agents, and we expect it rather than tolerate it.

How to Apply

Send your CV and a link to something you have built to [email protected]. Then tell us, in a few lines, the component you are proudest of and the part that was hardest to get right, plus one sentence on how you use AI agents today. No cover letter. If the link is good and the note is honest, you will hear from us fast.