Website Redesign Project for PDF Query Ai by Mahmood AliWebsite Redesign Project for PDF Query Ai by Mahmood Ali
Built with Framer

Website Redesign Project for PDF Query Ai

Mahmood Ali

Mahmood Ali

From 2010 to 2030: A Speculative Redesign of PDF Query.ai That Proves What Modern AI SaaS Should Look Like

PDF Query.ai is a genuinely useful AI tool buried under a decade-old design. I took it on as a speculative redesign, no client brief, full creative control, to show exactly what happens when you strip the clutter, sharpen the message, and design for where the market is going, not where it's been.

OPENING:
This wasn't a client project. It was a deliberate experiment.
I picked PDF Query.ai because it represents a pattern I see constantly across the SaaS space, a genuinely useful AI product that's being suffocated by its own presentation. Outdated design. Unclear copy. Too many competing actions on a single screen. A homepage that looked like it was built in 2012 and never revisited since.
So I redesigned it from scratch using my full process: messaging hierarchy, visual identity audit, layout restructure, and a complete hero overhaul. No client brief. No constraints. Just the question: what would this look like if someone who cares about conversion designed it from day one?
The result is what PDF Query.ai could be, and what any AI tool in this space should be aiming for.
If you see your own product in the before, this is what after looks like.
Query Website Redesign / Website Transformation
Query Website Redesign / Website Transformation

PROBLEM:
Copy was unclear, visitors didn't know what the product did or why they should care
Too many competing calls to action diluted the entire conversion path
No visual impact, the design created zero desire, urgency, or memorability
Cluttered layout with no breathing room, no hierarchy, no focus
Design language felt a decade behind, actively undermining trust in what is supposed to be a cutting-edge AI product
Query Website Redesign / Website Transformation (BEFORE)
Query Website Redesign / Website Transformation (BEFORE)

SOLUTION:

Rewrote copy to be instantly scannable with a clear, outcome-driven value hook
Collapsed all CTAs into a single high-conviction action, one thing to do, one reason to do it
Created a visual centerpiece that communicates the product's power within seconds of landing
Rebuilt the layout with intentional whitespace and editorial typographic hierarchy
Designed with a forward-looking aesthetic, credible, sharp, and built for where the market is going in 2030, not where it was in 2015
Query Website Redesign / Website Transformation (AFTER)
Query Website Redesign / Website Transformation (AFTER)

An outdated website doesn't just look bad — it actively loses you customers. If your product is modern but your website isn't, that gap is costing you real money.


Skills & Expertise;
SaaS website redesign · Framer website redesign · hero section redesign · high-converting landing page design · website transformation · startup website redesign · SaaS homepage redesign · website conversion optimization · UI/UX redesign · Framer designer · Framer expert · no-code website redesign · landing page designer · B2B SaaS website design · AI product website design · product-led growth design · website CRO · conversion rate optimization design · Webflow to Framer migration · SaaS UI redesign · website rebrand · investor-ready website design · Series A website design · Product Hunt launch design · SaaS visual identity · high-ROI website design · freelance website designer · speculative redesign · concept redesign · before and after website redesign · Contra designer · hire Framer designer · hire SaaS designer Pakistan
Like this project

Posted May 16, 2026

PDF Query.ai is a genuinely useful AI tool buried under a decade-old design. I took it on as a speculative redesign, no client brief, full creative control.