Build a portfolio website in an afternoon (no code)

A portfolio site is the highest-value page most freelancers never make: one link that shows your best work and how to hire you. Templates look like templates; hand-coding takes a weekend. On App Builder Agent you describe the site, watch it render, tune the wording and publish — in an afternoon.

This guide covers what a portfolio needs, prompts for different professions, and how to publish it to a link you can put on LinkedIn, Instagram and your CV.

What a portfolio site needs

Hiring managers spend 30 seconds. Make those seconds count:

• A one-line headline — Who you are and what you do, above the fold: “Product designer for fintech apps”.
• Selected work, not all work — 4–6 projects with a strong image, the problem, your role and the result.
• Case study pages — One page per project with more images and a short story.
• About — A photo, three paragraphs, tools you use, where you are based.
• Contact — Email, a form that actually delivers, and social links.
• Speed and mobile — Compressed images, no clutter — most visitors come from a phone link.
• SEO basics — Title, description, Open Graph image so the link previews well when shared.

Build it with App Builder Agent, step by step

Write your headline and pick your best projects before you start; the agent does the rest.

1. Create a website project. Choose the website type; you get a browser preview and one-click publishing.
2. Describe the site with your real content. Paste your headline, bio and project names; images can be added after.
   Build a portfolio website for Maya Rahman, a UX/UI designer in Dhaka. Hero with headline “I design fintech apps people trust”, a short intro and a “View work” button. Selected work: 5 project cards (bKash redesign concept, a savings app, a POS dashboard, a healthcare booking app, a design system) each with an image, tags and a case-study page with problem/role/outcome. About page with photo and tools (Figma, Framer). Contact page with a form that sends to my email and links to LinkedIn and Dribbble. Minimal, lots of white space, one accent colour (indigo), dark-mode toggle. Add proper page titles and Open Graph tags.
3. Replace placeholder images. Upload your images or paste links; ask for consistent aspect ratios (4:3 for cards, 16:9 for case-study heroes) and for each image to be resized and compressed so a project page stays under a megabyte. Check the phone preview: a 3-column grid should become one column with the image above the text.
4. Polish the words. Tell the agent to tighten copy, add a résumé download, or a testimonials strip.
   Add a Testimonials section with three quotes, a “Download résumé” button linking to my PDF, and a sticky top nav that highlights the current section.
5. Publish. Click Publish, choose a name, and you have a live link at appbuilderagent.com/p/your-name/ to put in your CV, LinkedIn and email signature.

Prompts that work well

Change the profession and the site changes with it:

Common mistakes (and the fix)

• Showing everything. Twenty projects say “I have no judgement”. Five strong ones with a result each say the opposite. Cut, then cut again.
• Case studies that are only screenshots. Hiring managers want the problem, your role, the constraint and what changed. Ask for a fixed case-study template with those four headings so every project reads the same way.
• Contact form to nowhere. Say where the form should deliver (your email) and test it from the published link; a portfolio that swallows enquiries is worse than a mailto link.
• Missing Open Graph image. Shared on LinkedIn or WhatsApp without one, your link is a grey box. Ask for a 1200×630 preview image with your name and headline, and check it by pasting the link into a chat.
• Client work you are not allowed to show. Ask for a “concept redesign” label and blurred or recreated screens where an NDA applies; the agent can add a short disclaimer line per project.
• Slow first load. Uncompressed hero images and a video that autoplays make a 30-second visit start with a 6-second wait. Ask for lazy loading and a poster image instead of an autoplaying reel.

Make it feel finished

• Lead with your best project, not your latest.
• Case studies with one result number (“+34% sign-ups”) outperform galleries.
• Ask for lazy-loaded, compressed images — speed is part of the impression.
• Set the Open Graph image; your link will be shared on WhatsApp and LinkedIn.
• Put your availability (“Taking projects from October”) next to the contact button; it saves both sides a message.

Installing, publishing and next steps

Publishing gives you a live link on the platform immediately. Custom domains are not available yet, so treat the published address as the canonical one: use it consistently in your CV, LinkedIn, GitHub profile and email signature so search engines and recruiters find a single, stable page. If you already own a domain, add a link or redirect from it to the published site.

Keep the project; updating a portfolio should be a two-minute conversation, not a rebuild.

Publishing is one click: choose a name and the site is live on a secure appbuilderagent.com/p/ link you can put on LinkedIn, Instagram and your CV the same afternoon, with the small “Built with” badge on free plans and none on paid ones. The AI website builder page describes the website project type. If you run a studio rather than a solo practice, the business website guide adds services, hours and enquiries; and if a client wants your web app on their phone, turn a web app into an Android APK shows the route.

The first site is built free after sign-in; further agent edits are one-time payments rather than a subscription. Look through the ready-made portfolio apps for layouts you like, or Open the builder with your headline and five project names ready.

Frequently asked