Back to Curriculum

Building a Simple 1-Page Portfolio (No Code Required)

"Can I see your portfolio?"

If your answer to this question is sending a messy Google Drive folder link filled with randomly named PDF files, you are instantly losing status in the eyes of a premium client.

You need a centralized, professional home on the internet. You do not need to know how to code, and you do not need to spend money on expensive hosting. In this lesson, we will build a high-conversion 1-page portfolio for free.


๐Ÿ›‘ The "Too Complex" Trap

Many beginners spend 3 months trying to learn React or WordPress just to build their own portfolio. By the time it is finished, they have lost momentum and haven't pitched a single client.

Your clients do not care how your portfolio was built (unless you are specifically a web developer). They only care about the Case Studies displayed on it.

We prioritize speed and aesthetics over complex technology.

๐Ÿ› ๏ธ The No-Code Stack (Carrd or Framer)

We will use modern no-code builders. They allow you to drag and drop elements and publish a live website in under an hour.

  1. Carrd.co: The absolute best tool for beginners. It is incredibly easy to use and specializes in one-page websites. (Free tier available).
  2. Framer.com: Slightly more advanced, but produces incredibly premium, Apple-style animated websites. (Free tier available).

๐Ÿ—๏ธ The Anatomy of a High-Ticket Portfolio

Do not clutter your website with 50 different projects, hobbies, and a long biography. A high-ticket portfolio has exactly 4 sections, arranged sequentially.

1. The Hero Section (Above the Fold)

The first thing they see before scrolling.

  • A massive, clear Headline: (The same one you used on LinkedIn). e.g., "Automating Lead Gen for B2B Agencies."
  • A Sub-headline: "Stop doing manual data entry. I build custom n8n pipelines that deliver qualified leads directly to your Slack."
  • A primary Call to Action (CTA) Button: "Book a Discovery Call" (Link this to a free Calendly account).

2. The "Proof" Section (Case Studies)

Do not just show a picture of the work. Explain the impact. Pick your top 3 best projects. For each project, include:

  • The Problem: "Client was spending 20 hours a week sending emails."
  • The Solution: "Built a Python script hooked to the Gmail API."
  • The Result: "Saved 18 hours a week and increased open rates by 15%."

3. The "Services" Section

Be crystal clear about what you actually sell. Do not list 20 skills. List 3 core packages.

  • E.g., 1. CRM Audits, 2. Custom Integrations, 3. Monthly Maintenance Retainer.

4. The Final CTA & Footer

Remind them what to do next.

  • "Ready to scale your systems? Let's talk." -> Another button linking to your Calendly or email.
  • Include links to your LinkedIn and Upwork profiles in the footer.

โšก The AI Shortcut

If you don't know what to write for your Case Studies, ask Claude. Give Claude your messy notes: "I made a logo for a coffee shop. They liked it. It took 3 days." Tell Claude: "Rewrite this into a professional Case Study format: Problem, Solution, Result. Make it sound highly strategic."

Build the page on Carrd, paste the AI-generated copy, hit publish. You now have a professional internet footprint to send to any CEO in the world.


๐Ÿงช Practice Lab

Exercise 1: Go to Carrd.co (free tier). Build your one-page portfolio site in under 60 minutes. Required sections: Your name + headline, 3 portfolio items with outcome metrics, 1 testimonial (even informal), and a contact link. Publish it on a free .carrd.co URL. You now have a URL to add to every proposal.

Exercise 2: For each portfolio item, write the result in numbers: not "I built a website" but "I built a Shopify store that launched with 87 products, loaded in 1.2 seconds, and generated $4,200 in sales in the first 30 days." If you don't have real numbers yet, use mockup projects and describe hypothetical outcomes clearly.

Exercise 3: Ask a past client (even a friend or family member you did work for) for a 2-3 sentence testimonial. Specifically ask: "Would you mind writing 2-3 sentences about what problem I solved for you and whether you'd recommend my work?" A specific, outcome-focused testimonial is worth 10 generic "great developer!" reviews.

๐Ÿ’ก Key Takeaways

  • A Carrd.co portfolio takes 1 hour to build and exists on the internet forever. No more "I don't have a portfolio" excuses.
  • Outcomes > activities. "Increased conversion by 15%" beats "built a landing page" every time.
  • A portfolio with 3 strong case studies outperforms one with 20 weak ones. Curate ruthlessly.
  • Your portfolio URL in a proposal signals professionalism immediately โ€” before the client reads a single word.
  • A portfolio is never "finished" โ€” update it every time you complete a project with measurable results.