daveroma.com blog

Launching the MVP of My AI-Powered CRO Website Analyzer 🎉

Written by David Roma | Sep 26, 2024 12:34:07 AM

Hey everyone!

I've been working on a side project that's finally starting to take shape, and I'm excited to share it with you now. Since it's still in prototype mode, I’m sharing it with my network for some early feedback and testing.

I actually squashed some final bugs just this morning, so there's a good chance it still might error out on you, haha—but hey, that’s part of the fun of sharing a prototype!

Check out the app here!

How to Use It:

All you need to do is enter the URL of a website or landing page. Behind the scenes, the app will take a screenshot of the page and send it to OpenAI’s Vision API. From there, the AI analyzes the screenshot and provides conversion rate optimization (CRO) feedback based on principles I’ve trained it on.

These are the same CRO rules I use when consulting with clients, so think of it as having a mini-consultation with an AI version of me! 😄

The Inspiration:

I spend a lot of time thinking about conversion optimization and lead generation, which I’ve been doing for a long time to help my HubSpot theme customers build lead-generating websites.

When OpenAI launched its Vision API with the ability for GPT-4 to analyze images, I immediately thought: What if AI could visually analyze a website and offer actionable CRO feedback, just like I do with my clients?

The idea seemed simple enough, but it turned out to be a bit more complex than expected. But despite the hurdles, it’s been an incredible learning experience, and I’ve loved working on this project!

Tech Stack:

  • Vue.js on the frontend: My go-to JavaScript framework for building interactive UIs.
  • Node.js/Express on the backend: Node for running JavaScript on the server, Express as the web app framework.
  • Heroku for hosting: Simple and easy deployment for an MVP.
  • Puppeteer for screenshots: A headless browser that captures full-page website screenshots.
  • Redis and Bull for job queuing: Redis stores job data, and Bull manages the job queue and worker processes.

Initially, I didn't plan to use Redis and Bull. However, I hit Heroku's rate limits, as some longer websites were taking over 30 seconds to complete the screenshot and OpenAI analysis—exceeding Heroku’s timeout. Moving to a job queuing system helped handle this smoothly and also turned out to be a great learning opportunity for managing complex workflows more efficiently!

What's Next:

Right now, the app is a barebones MVP—I just wanted to get the idea out of my head and into the world. Next steps I’m considering:

  • UI Improvements: Make the user interface more intuitive so that users don’t have to select the type of page they’re optimizing.
  • Exploring Monetization Options: I’m still unsure how to monetize this. It could be a free tool for my HubSpot theme customers, a lead generation tool for my agency (similar to HubSpot’s Website Grader), or perhaps even something to license to an agency or a company like SEMrush. The possibilities are endless!

I'd love to hear your thoughts, feedback, or ideas on where this could go! Thanks for taking the time to check it out.