Posted in

How to Build a Freelance Portfolio Website Using AI Tools in One Weekend

How to Build a Freelance Portfolio Website Using AI Tools in One Weekend

AI Tools for Everyday People
By Alex Morgan

It Started With a Messy Kitchen Table

It was 6:42 PM on a Friday. I was at my kitchen table with cold coffee, a half-dead laptop fan, and the kind of silence that only happens when you have finally admitted, out loud, that your freelance portfolio website is embarrassing.

My old site had three pages, one blurry headshot, and a homepage headline that said, “Welcome to my creative space.” I read it again and actually winced. That is not a headline. That is a beige wall with Wi-Fi.

Spoiler: I did not build a perfect website that weekend. I built a clear one. Then I made it better. By Sunday night, I had a live freelance portfolio I could send to real people without immediately wanting to fake my own death.

What I Needed Was Not a Website. It Was a Sales Tool.

The first thing I fixed was my thinking. I kept treating my portfolio like a digital scrapbook. Pretty samples, vague bio, contact form hiding in the footer like it owed me money.

Then I wrote five rules on a sticky note: say who I help, show proof, explain what I do, make contact easy, and do not sound like a robot wearing a blazer. That sticky note saved me more than any AI tool did.

The AI Tools I Actually Used

I used ChatGPT for strategy and rough copy, Claude for tone checks, Framer AI for the first website draft, Canva for a simple logo and image cleanup, Grammarly for grammar, Tally for the contact form, Calendly for booking calls, and PageSpeed Insights to stop me from uploading giant images like a menace.

Important note: I did not ask AI to “make me a website” and walk away. That gets you generic pages full of words like “innovative,” “seamless,” and “passionate.” I used each tool for one job, then I edited like my rent depended on it.

Friday Night: I Let a Website Builder Make the First Draft

At 7:10 PM, I opened Framer AI and typed the laziest prompt possible: “Build a portfolio website for a freelance writer.” The result looked like a LinkedIn bio had a baby with a law firm. Not terrible. Just painfully generic.

So I rewrote the prompt with actual details: “Build a five-page freelance portfolio for Alex Morgan, a writer who helps coaches, consultants, and small service businesses turn unclear websites into pages that get inquiries. Tone: warm, direct, practical. Pages: Home, Services, Work, About, Contact.”

Eighteen minutes later, I had a draft. It was not beautiful, but it had structure. I changed the navigation, picked two colors, removed a stock photo of a woman laughing at a salad, and called it version one. Version one is allowed to be ugly.

Saturday Morning: I Used AI to Write the Homepage

At 8:05 AM, I opened ChatGPT with my sticky-note rules and a messy list of what I actually do. My first homepage headline came back as: “I craft impactful content solutions for forward-thinking brands.” I laughed so hard I scared my cat.

That was the problem. I had given AI my job title, not my point of view. So I gave it better instructions: “Write like a real person. No buzzwords. No phrases like innovative, cutting-edge, seamless, or passionate. Use specific examples.”

The better headline was: “I help small service businesses turn messy websites into clear pages that get inquiries.” Not fancy. Not poetic. Useful. That is what a freelance homepage needs to be when someone is scanning it between meetings and cold coffee.

I used AI for the rest of the homepage too: a short intro, three service blurbs, and a call-to-action. Then I cut about 30% of the words. AI gives you clay. You still have to make the bowl.

Saturday Afternoon: I Turned Old Work Into Case Studies

This is where a lot of portfolios fail. They show screenshots and hope visitors care. I needed case studies. Real context. Real problems. Real outcomes. I used this prompt: “Turn these rough notes into a case study using Problem, Approach, Result, and Proof. Do not invent numbers. Ask me for missing details.”

One project was for Nina, a yoga studio owner who had a pretty site but no clear booking path. AI suggested “bookings increased by 200%” because I had written “more bookings.” I caught it. The honest version was: “Nina told me inquiries doubled in the first month after launch.”

I built three case studies by Sunday afternoon: Nina’s yoga studio, Leah’s pottery shop, and my own newsletter project. Each one had a short summary, three bullets, and a screenshot. The whole section took about 90 minutes, including the time I spent arguing with a stubborn image crop.

The About Page Almost Made Me Laugh Out Loud

AI’s first version of my About page made me sound like I drank espresso, whispered “brand narrative” at sunrise, and owned exactly one black turtleneck. I do own a black turtleneck, but only because laundry is optional.

I pasted in real facts: eight years of writing, former magazine editor, two cats, hate jargon, like clean websites, better at deadlines than small talk. Then I asked Claude to make it warm, specific, and human. It kept the useful parts and deleted the fake confidence.

The final About page said what mattered: who I’ve helped, how I work, what clients can expect, and why I care about clear writing. I added a normal photo from Canva, not a fake CEO headshot where I look like I’m about to acquire a fintech company.

I Built a Contact Flow That Actually Works

A contact form that only says “Message” is a leaky bucket. It invites vague emails like, “Hey, just checking rates,” which is how you end up doing unpaid consulting in your pajamas.

I used Tally and asked AI to help me write better form questions. The final form asked for project type, website URL, timeline, budget range, and what was not working. I also added a checkbox: “I’m ready to start in the next 30 days.”

Then I connected Calendly and wrote an auto-reply with AI. It thanked people, explained the next step, and set expectations. I tested it myself and found one typo: “calender.” AI missed it. Calendars are haunted now, apparently.

I Used AI to Fix Design, SEO, and Speed

For design, I kept it boring on purpose. Two fonts. Three colors. Big headings. Buttons that looked clickable. I used Canva Magic Design for a simple logo, then resized it three times because apparently I needed to touch everything.

For SEO, I asked ChatGPT: “Write five title tags under 60 characters and five meta descriptions under 155 characters. No hype. Include freelance writer, website copy, and case studies where natural.” I reviewed every line. AI can help with SEO, but it can also write nonsense with confidence.

For speed, I compressed images in Canva and checked the site with PageSpeed Insights. My first mobile score was 58. After compressing images and removing one huge hero graphic, it hit 88. That felt like finding $20 in an old coat.

I also added alt text, checked every link, tested the mobile menu, and made sure the contact button did not disappear behind a cute animation. Cute animations are how trust goes to die.

Sunday Night: What I Published

At 9:13 PM on Sunday, I published the site. The final version had five pages, three case studies, one downloadable service sheet, one booking link, 14 internal links, and zero stock photos of people pointing at invisible charts.

I sent it to my friend Marcus, who is brutally honest in the way only good friends can be. His first reply was, “This looks like a real person made it.” That is still one of the nicest things anyone has said about my work.

Was it perfect? No. The footer alignment annoyed me for 11 minutes. One case study needed a better screenshot. But it was live, clear, fast, and better than my old “Welcome to my creative space” disaster.

The Mistakes I’d Fix Next Time

Next time, I’d start with the offer before the design. I wasted 40 minutes choosing navy because I thought navy meant trustworthy. It mostly meant I needed coffee and a nap.

I’d also keep a prompt log. My best homepage prompt was version seven. My worst was version one, which was basically a sticky note with delusions of grandeur. If you reuse prompts, save the good ones.

I’d ask for feedback earlier too. I waited until Sunday night. A 20-minute review from a friend would have saved one typo, one awkward headline, and my dignity.

FAQ: The Honest Questions You’re Probably Asking

Q: Can I really build this in one weekend? Yes, if you are building a simple freelance portfolio, not a custom web app. Five pages, three projects, one contact flow, and basic SEO is realistic.

Q: Do I need to know how to code? No. I used a visual website builder. Coding helps if you want full control, but it is not required for a clean portfolio that gets inquiries.

Q: Which AI tool should I start with? Start with ChatGPT or Claude for copy and structure. Then use a website builder with AI, like Framer, Wix, or Squarespace, to create the first draft.

Q: Will my portfolio sound fake if AI writes it? It can. That is why you give AI real details, examples, limits, and your own voice. If every sentence sounds like it belongs in a corporate brochure, rewrite it.

Q: What if I do not have client projects yet? Use practice projects, volunteer work, before-and-after rewrites, or a small project for a friend. Label it clearly. A thoughtful sample beats a fake client story.

Q: What should I do after publishing? Send it to five people, post it once, add it to your email signature, and update one thing every week. A portfolio is not a museum. It is a working sales page.

One Last Honest Thought

The funny thing is, AI did not replace me. It removed the blank page. It made the boring parts faster: outlines, first drafts, meta descriptions, form questions, image sizes, SEO checks. But I still had to decide what mattered.

If you are sitting at your own kitchen table with cold coffee and a portfolio that makes you cringe, start ugly. Give AI a real brief. Make it prove itself. Then publish before your inner critic rewrites the headline for the 19th time.

Alex Morgan is a veteran middle school teacher with over a decade of classroom experience and a passion for making AI accessible to educators. When not experimenting with the latest edtech tools, Alex is helping fellow teachers reclaim their evenings through smarter workflows.

Leave a Reply

Your email address will not be published. Required fields are marked *