Define your positioning and audience
Before building, answer: Who is your ideal client? What work do you want more of? What specialisation makes you the obvious choice? A portfolio positioned for 'SaaS product design' attracts better clients than one that shows 'all my work'. Specificity is a competitive advantage.
Curate your best 6–10 projects
Ruthlessly curate. Show only the work you'd be proud to repeat. Include projects that demonstrate the types of clients you want to attract. If you're changing niche, lead with 2–3 speculative projects in your target niche alongside your best existing work.
Generate your portfolio layout
Use Canvas Builder with a portfolio-specific prompt: your niche (designer/developer/photographer), preferred style (dark editorial, clean grid, single-scroll), brand colours, and sections needed (work grid, case study template, about, contact). Download the Bootstrap 5 HTML.
Create case study pages for each project
For each project, create a case study page: the client and brief, the problem being solved, your process and key decisions, the solution and final output, and measurable results where possible. Case studies demonstrate thinking — which is what clients are actually hiring.
Write your about page and positioning statement
Your about page needs a positioning statement (who you work with and what you do for them), your background (relevant experience), your process (how you approach work), and a clear contact CTA. Include a professional photo — anonymous portfolios are low-trust.
Optimise for search
Target '[specialisation] [location]' on your homepage: 'UI/UX Designer Sydney' or 'Bootstrap Developer Melbourne'. Add your name + specialisation in the title tag. Create case study pages with the client industry in the title — 'E-commerce checkout redesign for fashion brand'. This creates indexable pages for specific search queries.
Deploy and maintain
Portfolio sites are ideal for Netlify, Vercel, or GitHub Pages — all free for static HTML. Point your personal domain (firstname.com or firstname.design). Update your portfolio every 3–6 months with new work and remove older projects that no longer represent your best.
Tools You'll Need
- →Canvas Builder (HTML generation)
- →Netlify or GitHub Pages (hosting)
- →Google Analytics (traffic)
- →Hotjar (visitor behaviour)