How to create a portfolio website

1. Decide who the portfolio is for

Choose one audience: a hiring manager, a freelance client, or a collaborator. What do they need to know before contacting you? A developer might highlight the problems their applications solve; a designer might explain their visual decisions and process.

Use a specific role and a short introduction instead of unrelated interests. Include a working contact method. You do not need to publish a personal phone number or home address.

2. Select a few strong projects

Aim for three to six relevant projects as a starting point. That is an editorial recommendation, not a Portfely limit. Two well-explained projects are more useful than six unfinished examples. Put the most relevant work first and remove duplicates that demonstrate the same skill.

Student, personal, and volunteer work can belong here too. Label it honestly. For team projects, explain your contribution and credit collaborators. Get permission before sharing client material, and remove private information from screenshots.

3. Explain the work, not just the tools

Give each project a descriptive title, a clear image, and a short case study. Use the structure below to draft your description. Keep the most important point near the beginning so a visitor can understand the project without reading every sentence.

Context

What problem or brief did this project address, and who was it for?

Your role

What did you personally design, build, research, or deliver?

Process

Which important decision did you make, and why?

Result

What shipped or changed? Use measured results only when you can support them. Otherwise, describe the deliverable, feedback, or lesson.

For example, a booking-site case study could explain the booking problem, your responsibility for the form, the reason for simplifying the steps, and what you actually delivered. Do not invent conversion figures. Add a working demo or repository link when you can share it.

4. Prepare clear, lightweight images

Start with a sharp original, crop away unnecessary browser chrome, and keep the subject readable on a phone. Export a compressed WebP or JPEG for photographic work; use PNG when fine interface details need it. Compare the export with the original before uploading. Smaller files are useful only if the image still explains the work.

Portfely accepts project images up to 5 MB and offers a crop step for still images. Stay comfortably below the limit when possible. Use meaningful project titles and describe important visual details in the project text. Many templates use the title as image alt text; do not rely on tiny text inside screenshots to carry the explanation.

5. Add your content and choose a template

Sign in to Portfely and fill in Personal information, Projects, and the relevant Skills, Experience, Education, or Certifications sections. Review your information and save it. Then open Templates in the dashboard to select a design available on your plan. You can change templates without re-entering your content.

Open the preview and check the layout. In Settings, edit section labels and any options offered by your chosen template. Start with a free template if you only need the essentials; Pro unlocks the full collection. Choose the layout that makes your work easiest to understand, not the one with the most effects.

6. Add languages only when you can maintain them

The Free plan includes one portfolio language. With Pro, use the dashboard language selector to add another, such as Arabic alongside English. Write and review each version yourself: adding a language creates empty content fields, not an automatic translation. Images and URLs are shared across languages.

Check translated project descriptions, section labels, and right-to-left layout. Set the default language for your main audience, and revisit every version when your work changes.

7. Save, check, and share your link

Use Finish & Save in the dashboard. After a successful save, Share Your Portfolio shows your public link. Open it in a signed-out browser and on your phone. Test contact links, project links, image crops, and language changes before sharing it on your CV, LinkedIn profile, or email signature.

A Portfely address is included in the Free plan. Pro lets you connect a domain you own; domain registration is a separate purchase. Follow the DNS instructions shown for your domain and wait for its connection status before distributing the new address. Recheck your portfolio whenever you add work or change a link.