Step 6: Build Your Portfolio Site
A professional portfolio website is your main anchor. It is where you redirect leads from cold outreach to see your work, read your case studies, and book calls. In this step, you build and host a clean, modern landing page.
🎯 Step Objectives
Section titled “🎯 Step Objectives”- Scaffold a portfolio website (using Astro, Vite React, or HTML/CSS).
- Include your service offerings, optimized headlines, and case study links.
- Deploy the page to a free hosting provider (Vercel, Netlify, or GitHub Pages).
🏃♂️ Action Guide
Section titled “🏃♂️ Action Guide”1. Structure the Portfolio Page
Section titled “1. Structure the Portfolio Page”Ensure your portfolio landing page includes the following components:
- The Hero Header: Your client-facing headline (from Step 4). E.g. “I build automated booking web apps for veterinary clinics.”
- Offerings Details: A brief breakdown of what deliverables you build (from Step 2).
- Featured Case Study: A link to your completed project case study (from Step 5).
- Contact / Call to Action: A clear next step. We suggest adding a button linking to your scheduling app (e.g. Calendly) or a clean contact form.
2. Deploy to Production
Section titled “2. Deploy to Production”Deploy your code using a modern hosting service:
- Push your portfolio code to a new public GitHub repository.
- Log into Netlify or Vercel and import the repository.
- Set the build settings (e.g.
npm run buildand publish directorydistoroutdepending on your framework). - Deploy! Verify the live URL works and looks professional.
Save this live URL. You will add it to your profile card in the directory.