Engineering

PrimeRidge Website

AI-assisted custom website development with Framer-level animations plus CMS & CRM integrations

Year

2026

Industry

Engineering

Role

AI Dev & Designer

Overview

The Primeridge project is a website I built recently through AI-assisted coding. The client reached out to me through a friend and wanted to revamp their website into a modern, interactive and attractive website.

The plan was to initially use Framer in order to achieve the animations but I eventually convinced them to go through the AI-assisted coding route because it saves them cost on the long run since there won't be need for maintenance/yearly costs unlike if Framer was used.

Eventually, the client was impressed with the outcome because it was super beautiful and highly interactive just like great Framer-built websites.

I started the website with Lovable AI and eventually completed with Chat-GPT. I hosted on Github and Vercel and helped the client connect it to their existing domain name too.

There were a couple of images that were suitable or wanted to be the background of the homepage so I simply resorted to the classic changing background style for the home page and it all came out well.

It's shown in the video above...

Beyond the usual adding & updating of blog, properties and FAQ contents, I also set up Sanity CMS for the entire website so that the client could easily update major parts of the website like the hero contents; both images and the texts and the heading and subheadings for all other pages of the website too.

That way, the website contents could be continuously improved to convert better.

Property details page
property details page- dark theme

The website had both light theme and dark theme to align with modern expectations. The pages also came out great in both themes.

The page above is the property details page. I had to do it such that the multiple pricing options of each property could easily be added or updated by the client and the features of each property were also shown separately.

Book inspection form

Initially, the book inspection form had just a few fields because I believed it should be made easy and quick for a potential customer to book an inspection but the client requested that I add additional fields like property of interest, inspection type (physical or virtual), preferred inspection date, and whether the customer was based in Nigeria or abroad.

FAQs images

Since there were a couple of FAQs, they were grouped in order to aid user experience and it was a good call and something I recommend for all FAQ pages with a lot of FAQs...

Mobile view of the website

The website also came out beautifully in mobile view and the client also hammered on the website being very responsive since most visitors will visit via mobile so it was prioritized right from the onset...

If you look closely too, you'd notice a persisting popover at the lower right of all the pages. That's a persisting contact popver showing the phone number, and other contact icons and every part is clickable leading to the Whatsapp customer support if the number is clicked or the other contact methods depending on the icon clicked. The client requested for it and I also found it very useful.

Here's a very short video showing some of the pages of the website and the beautiful interactions/animations.

Overall...

The client was impressed as the various requirements and expectations were met and surpassed. I am proud of the outcome too.

Changing Home page background

The website walk-through

Found this useful?

Leave a thought

A quick privacy note

This site keeps anonymous, aggregated visit metrics — no cookies, no personal data stored — in line with NDPR & GDPR. Just enough to see what resonates.