Build a Portfolio Website with AI — No Coding Needed

Help me plan the content and structure for my freelance portfolio website. I want a site that attracts the right clients and converts visitors into inquiries. **About me:** - What I do: [your freelance service — be specific, e.g., 'brand identity design for food and beverage startups' / 'full-stack web development with React and Node.js' / 'ghostwriting long-form articles for B2B SaaS companies'] - Years of experience: [X years] - Current situation: [e.g., just starting freelance / transitioning from full-time employment / established freelancer refreshing my site] - Location: [city, country — relevant for local vs. remote positioning] **Target client:** - Ideal client profile: [describe the type of client you want to attract — industry, size, type of project, budget range] - What problem do they have when they find me: [e.g., 'they are launching a product and have no brand identity' / 'they have a site that is not converting visitors to leads'] - How they find freelancers: [search, referrals, social media, platforms] **Work I can showcase:** - Number of completed projects I can show: [X projects] - Any projects I am proud of but cannot show publicly: [note this — we need a strategy for showcasing confidential work] - Skills and tools I want to highlight: [list] Design for me: 1. **Site pages I need** — which pages to include and why (most portfolios need only 4-5 pages; more is usually worse) 2. **Homepage structure** — what should appear above the fold, what the visitor journey should be, what the primary call to action is 3. **Project presentation format** — for each case study, what to include beyond just 'here is the image/output' (problem, process, outcome is the minimum) 4. **Copywriting priorities** — the 5 most important things my site copy needs to communicate 5. **What to leave out** — what most portfolio sites include that actually hurts rather than helps conversion 6. **Social proof strategy** — how to present testimonials, logos, results, and credentials most effectively if I have limited social proof

Build me a portfolio website. Here is a complete description of what I need — generate the full site from this spec. **Site identity:** - Name: [Your name or studio name] - Tagline: [1 line that describes what you do and who you do it for, e.g., 'Brand design for food startups that want to look as good as they taste'] - Color palette: [e.g., 'clean white background with deep navy and a warm gold accent' / 'dark mode, muted sage green and warm cream' / 'minimal, high contrast black and white'] - Typography feel: [e.g., 'modern sans-serif, clean and editorial' / 'humanist, approachable, slightly warm' / 'bold and confident with a display headline font'] - Overall vibe: [e.g., 'like a premium design studio' / 'personal and approachable, not corporate' / 'minimal and technical'] **Pages to build:** 1. **Homepage:** - Hero section: [Your name/studio], [tagline], [hero image or graphic placeholder], and a single CTA button: [button text and destination, e.g., 'See My Work' linking to portfolio / 'Get in Touch' linking to contact] - Services section: [list your 2-4 service offerings with one-sentence descriptions] - Featured work section: [3 project cards with placeholder for project image, title, client type, and brief description] - Testimonials section: [2-3 testimonial placeholder slots with name, company, quote] - Contact CTA section: [short paragraph + contact button] 2. **Work/Portfolio page:** - Grid of project cards, each with: project image, project title, service type tag, and click-to-expand or link to case study page - Filter by service type (optional) 3. **About page:** - Photo placeholder - Bio section (2 paragraphs) - Skills/tools section - Brief background or 'how I work' section 4. **Contact page:** - Simple form: name, email, project type (dropdown), budget range (dropdown), message - Your email address - Response time note: [e.g., 'I respond within 24 hours'] **Navigation:** [Home / Work / About / Contact] **Mobile-first:** Must look excellent on mobile **Performance:** Fast-loading, no heavy animations Build this as a complete, deployable site. Use real placeholder text (not 'Lorem Ipsum') so I can see how the content will look. I will replace placeholder content with my real content once the structure is right.

Write the copy for my portfolio website. I want every word to speak to my ideal client and move them toward contacting me. **My details:** - Name: [Your name] - What I do: [service description] - Who I do it for: [ideal client] - The outcome I create: [be specific about what clients get — not 'great design' but 'brands that make DTC customers choose you over Amazon alternatives'] - My tone of voice: [e.g., 'direct and confident, no fluff' / 'warm and personable' / 'sharp and technical'] **3 most compelling credentials or results I have:** 1. [e.g., 'designed brand for a startup that raised $2M on the strength of their visual identity'] 2. [e.g., 'worked with 40+ clients in the food and hospitality industry'] 3. [e.g., 'former creative director at [Agency Name]'] Write the following: 1. **Hero headline and subheadline** (3 variations): - Formula 1: What I do + who I do it for - Formula 2: The outcome clients get - Formula 3: A bold positioning statement 2. **Homepage services section** — for each of my services: [list your 2-4 services] - Service name - One sentence description focused on client outcome - 3 bullet points of what is included 3. **About page bio** (150-200 words): - Lead with what I do and who I help - Add relevant background (only what is relevant to the work) - End with a human touch — one personal detail that is relevant and memorable - Do NOT: lead with 'I am a [job title] with X years of experience' 4. **3 project case study introductions** (50-75 words each): - For project 1: [describe the project briefly] - For project 2: [describe the project briefly] - For project 3: [describe the project briefly] - Each introduction: client situation → what I did → what the outcome was 5. **Contact page copy** (50 words): - Who I am currently taking on work for - What happens after they send the form - Make it feel like starting a conversation, not submitting a form

Help me create a visual plan for my portfolio website images. I need to know exactly what to create and what specifications to use. **My service type:** - What I do: [service — this determines what kind of visuals work best] - Do I have real project images to use? [yes / some / no] - My brand colors: [colors from your website] - My design style: [minimal / bold / editorial / warm / technical] **What to create in Canva:** 1. **Project mockup images** — for each portfolio project that does not have great photography: - Service type mockup: [e.g., for writers: article on a laptop / for developers: code on screen / for designers: brand assets on white background] - Dimensions: 1200x800px (16:9 ratio) for portfolio card thumbnails - Style: clean, professional, consistent across all projects - Colors: consistent with site palette 2. **Profile photo treatment** — if I need to edit or enhance my headshot: - Background removal and replacement with brand-consistent background - Consistent framing: [circular / rectangular / full bleed] 3. **Service icons or illustrations** (if my site has a services section): - One icon or small graphic per service - Consistent line weight and style - Match my site color palette 4. **Testimonial graphics** (for sharing on social media): - Template for turning text testimonials into shareable graphics - Size: 1080x1080px (square for Instagram/LinkedIn) 5. **Open Graph / social share image** (the image that appears when someone shares your site link): - Dimensions: 1200x630px - Include: name, tagline, a clean visual For each item, describe: - The Canva template category to search for - Specific design elements to include - What to avoid (common portfolio image mistakes) Give me a checklist I can work through in Canva in a single sitting.