ImageGen Website Design

Anwaar

Anwaar Ansari

The problem with AI image tools is pretty obvious. Stock photo subscriptions drain your budget every month, and most AI generators lock you into expensive plans. ImageGen needed to show there's a simpler way: use your own OpenAI account and pay only for what you generate. $0.02 per image, no subscriptions.
The Real Challenge: Explaining the Setup
Most people haven't touched OpenAI's API before. They hear "API key" and think it's complicated. So I had to design the entire experience around making this feel easy.
I broke the setup into four steps with clear visuals for each one. Create your OpenAI account. Generate an API key. Buy your ImageGen license. Start making images. Each step shows exactly what happens, with no technical language to trip people up. The whole process takes minutes, and the site needed to make that obvious.
Why the Pricing Had to Be Front and Center
Transparency was the whole point of this product. While other tools hide pricing behind "contact us" buttons or bury costs in fine print, ImageGen puts it right at the top: $0.02 per image, no hidden fees, no monthly charges.
I designed the Features section to hammer this home. Pay-as-you-go. Unlimited generation. Full control over costs. Lifetime license. Each point gets a quick explanation and a visual. You understand the value in seconds, not minutes.
Benefits That Actually Mean Something
The Benefits section was where I could address the real concerns. Why should someone trust this model? What makes it better than what they're using now?
Four benefits: Save money (skip expensive subscriptions), Full control (your OpenAI account, your costs), Instant results (no waiting around), Seamless integration (works with what you already use). Each one tackles a specific objection someone might have.
Keeping It Simple
I built this in Framer because I needed to move fast and keep things clean. The layout flows logically from top to bottom. You see the value proposition, understand the features, learn the benefits, get walked through setup, and find answers to common questions.
Animations are there but subtle. A few transitions to guide your attention, nothing flashy. The site needs to feel as efficient as the tool itself.
The FAQ Does Heavy Lifting
Some questions kept coming up during testing. How do I start? Do I need a subscription? How many images can I make? Can I use my own OpenAI account?
Instead of making people dig for answers, I put them all in one place at the bottom. Direct questions, direct answers. No marketing speak.
Why This Works
ImageGen solves one problem really well, and the site reflects that focus. Nothing extra, nothing unnecessary. Every section has a clear purpose. You land on the page, understand what it does, see how it works, and know exactly what to do next.
The whole point was making something transparent feel trustworthy. When you're asking people to connect their OpenAI account and try a new pricing model, clarity is everything.
Like this project

Posted Oct 28, 2025

Designed a clear, user-friendly site for ImageGen, emphasizing transparent pricing and easy OpenAI API setup.