Portfolio Website Template: Build Yours With AI
A portfolio has one job: get the right person to contact you. That means a few strong projects explained well, a clear line about what you do, and an obvious way to reach you. Describe your work and Youmake builds a portfolio around it that you can keep editing as you add projects.
What a portfolio website needs
Hero
One sentence on what you do and for whom, with your best project image and a contact button.
Selected work
Four to six projects as cards, each opening a case study.
Case study pages
The problem, your role, the process and the result, with images and one number if you have it.
About
A short bio, a photo and the tools or skills clients look for.
Services or rates
What you take on and how to start, so the right clients self-select.
Contact
A short form or a booking link, plus your email and profiles.
Must-have features
- Case study template you can duplicate for every new project
- Fast-loading, optimized images, since a portfolio is mostly pictures
- A contact form that lands in your inbox, or a calendar booking link
- Your own domain and the code exported to GitHub, so the site is yours
The prompt: paste it into Youmake
Change the names, places and details to yours, then paste it into the Youmake composer.
Build a portfolio website for Lena Ortiz, a freelance brand designer in Austin who works with food and beverage startups. Hero: "Brand identities for food and drink startups" with a contact button. Selected work: six project cards (name, client type, one image) that open case study pages with sections for the brief, my role, the process (3 images) and the result. About page with a short bio and photo. Services page with three packages (logo, full identity, packaging) and "starting at" prices. Contact page with a form (name, email, budget range, project details). Minimal style: off-white background, black text, one terracotta accent color, large images. Mobile-friendly.
How to build your portfolio website with Youmake
- Start a 3-day trial for $1 at youmake.dev and choose Web App.
- Paste the prompt above, edited with your details, and watch the site build in the live preview.
- Refine it in chat, one change at a time: swap photos, adjust colors, add a page.
- Connect Supabase for forms and data, and Stripe if you take payments.
- Publish to your own domain. You can export the code or sync it to GitHub at any time.
Tips for a better portfolio website
Fewer, better projects
Four great case studies beat twenty thumbnails. Pick the work that matches the clients you want next.
Explain the thinking
Clients hire your judgment, not just your output. One paragraph on the problem and one on your decision makes a case study.
Make contact effortless
Put a contact button in the header and at the end of every case study, not only on the contact page.
FAQ
- How do I make a portfolio website with AI?
- Describe who you are, the work you want to show and the style you like. Youmake builds the pages, and you add or swap projects by asking in chat.
- What should a portfolio website include?
- A one-line positioning statement, four to six case studies, an about page, your services and a clear way to contact you.
- Can I export my portfolio code?
- Yes. Youmake lets you export the project code or sync it to GitHub, and publish to your own domain.
Build your portfolio website today
Describe it, refine it in chat and publish it on your own domain. Youmake has no free plan; the 3-day trial costs $1.
Build this with AI