<aside>

Software Engineer

</aside>

About RAYNE

RAYNE is a legal services company operating across the Middle East. I worked on its public marketing platform, turning Figma designs into a reusable Next.js site and later moving content management out of hard-coded pages into Sanity CMS.

At a glance

<aside>

Next.js + Tailwind · Sanity CMS + ISR · 5+ localized markets · 100 Lighthouse SEO

</aside>

• Built the marketing site from Figma using reusable components
• Integrated Google Sheets and Monday.com for lead capture and form submissions
• Led the migration from hard-coded content to Sanity CMS
• Used ISR to keep CMS-driven pages fast without requiring full rebuilds for every content change
• Oversaw Storybook documentation across the component library
• Collaborated with SEO on localization across 5+ countries
• Reached a 100 Lighthouse SEO score and top organic rankings for target keywords in the UAE

Building the site from Figma

I built RAYNE's marketing site using Next.js and Tailwind CSS, translating the supplied Figma designs into reusable components rather than implementing each page independently.

The component library covered shared page structure and UI patterns so new pages could reuse the same building blocks instead of introducing one-off implementations.

The goal was to stay visually faithful to the designs while still leaving the codebase easy to extend as marketing added more content and markets.

Lead capture and integrations

The site also handled business-critical lead capture.

I built Next.js API routes that connected form submissions to Google Sheets and Monday.com, allowing marketing and sales teams to receive leads directly in the tools they were already using.