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. 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. Point your own domain at it later.

Prompts that work well

Change the profession and the site changes with it:

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.

Publishing and your domain

Publishing gives you a live link on the platform immediately. When you are ready for your own domain, point it at the published site and update the canonical URL — the agent will adjust the tags.

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

Frequently asked