A portfolio website is a personal site that shows a specialist's or a small studio's work, approach and results at one address; its purpose is not to be a "beautiful gallery" but to bring a client or an employer to the decision "I want to work with this person". The short answer to how a portfolio website is built: first you set out your positioning and write up 4–8 selected projects as case studies, then you choose a platform (a website builder, WordPress or custom code), buy a domain, optimise the pages for your name and the keywords of your niche, compress the images, and update the site over months rather than in a single day. Below you will find the structure, a case study template, a platform comparison, SEO rules and an approximate price range for 2026.
Key takeaways:
- A portfolio website is a "digital business card" and a sales tool for designers, photographers, developers, architects, freelancers and anyone who wants to build a personal brand.
- Behance and Instagram do not replace a portfolio: a website is under your control, can be found on Google and lets you present your work in a problem → process → result format.
- A structure that works: hero (who you are and who your work is for), selected work (case studies), about me, services, testimonials, contact.
- The choice of platform depends on budget and goal: a website builder for a quick start, WordPress for room to expand, and custom code for unique design and speed.
- The most common mistake: uploading all of your work, "the lot", and not stating the results.
What is a portfolio website and who needs one?
A portfolio website (or personal website) is a web page or small site that presents your specialism with proof: real work and real results. It differs from a company website in that what is being sold here is not a product but a person and their skill.
Who needs one:
- Graphic and UX/UI designers — to show the process behind their projects, the options and the final result.
- Photographers and videographers — to split their series by genre (wedding, product, portrait, advertising) and to take bookings.
- Developers and programmers — real projects, technologies, GitHub links and the technical problems solved.
- Architects and interior designers — the "before and after" state of a property, plans, visualisations.
- Freelancers (copywriters, SMM specialists, marketers, translators) — a list of services and examples that show results.
- People building a personal brand (trainers, consultants, speakers) — talks, courses, media appearances, contact details.
The general rule: if clients say "I'd like to see your work" before they choose you, you need a portfolio website.
A portfolio website, or Behance and Instagram?
Behance, Dribbble and Instagram are not a substitute for a portfolio website; they are its traffic sources: you get found there, and you get chosen on the site. The difference lies in control, search visibility and the ability to explain your work.
| Criterion | Portfolio website | Behance / Dribbble | |
|---|---|---|---|
| Control | Full: the design, structure and content are yours | The platform's template | The algorithm and the format belong to the platform |
| Findability on Google | Yes: for your name and niche keywords | Limited | Almost none |
| Explaining the work | Problem → process → result, with text and figures | Mostly visual | Short caption, soon lost |
| Client contact | Form, WhatsApp, calendar | Message | Direct |
| Professional impression | High: your own domain, your own style | Medium | Gets mixed up with your personal account |
| Cost | Domain + hosting, or a website builder subscription | Free | Free |
| Role | Decision page | Discovery platform | Introductions and everyday content |
A practical approach: share a short version of each project on Instagram and Behance, and in each one link to the full case study on your website.
How should a portfolio website be structured?
A good portfolio website has six blocks, and on the first screen the visitor should find the answer to three questions: who you are, what you do and who you do it for. The remaining blocks back that answer up with proof.
- Hero (first screen) — positioning. One sentence: "Brand designer for restaurants and cafés", "Product photographer — for e-commerce and advertising". Below it, one button: "View my work" or "Discuss your project". Instead of a generic "Hi, I'm Aysel" headline, state your specialism and your audience.
- Selected work. Your 4–8 strongest projects; each one opens as a separate page (a case study). The more there are, the weaker the impression, so curate.
- About me. A photo, a story of 3–5 sentences, your experience, the way you work and the tools you use. Not a CV, but a text on "why I am easy to work with".
- Services. What you offer, in what format, how many stages the process has and how long it takes. If you do not list prices, add a "prices start from" line or the phrase "quote within 24 hours".
- Testimonials. 3–6 short testimonials with the client's name, company, and photo or logo. An anonymous testimonial does not build trust.
- Contact. A form (name, email or phone, a short note about the project), a WhatsApp button, an email address and social media links. On a mobile screen, keep the WhatsApp button visible at all times.
A blog section is also useful for SEO, but add one only if you will be able to write regularly: an empty blog does harm.
How do you write a case study?
A case study is a page that explains a project in the order "problem → process → result", and it is the main element that sets a portfolio website apart from an ordinary gallery. A client is not looking for attractive visuals but for the answer to the question "how would this person solve my problem?".
Mini template:
| Block | What to write | Example (hypothetical) |
|---|---|---|
| Title | Client + what was done | "Brand identity and menu design for a café" |
| Context | Who the client is and the situation in which they came to you | A new café opening in Baku, no brand, 6 weeks until opening |
| Problem / goal | One or two sentences, with a figure if possible | A recognisable visual style, and a menu and social media templates ready by the opening |
| Process | Stages, decisions, options | Research → 3 directions → chosen logo → implementation → menu and templates |
| Your role | What you did in the team | Art director and designer; the photographer was separate |
| Result | A figure, a client testimonial, before/after | 40 items ready on time for the opening; client testimonial |
| Visuals | 6–12 high-quality images, shown in context (mockup, real location) | Menu in hand, logo in the shop window, story templates on a phone |
| Next step | CTA | A "Let's discuss a similar project" button |
If you have no figures, do not invent them: a client testimonial and a "before/after" comparison are enough. To see what this structure looks like at agency level, take a look at Advertol's portfolio section: each project shows the brief, the work done and the result separately.
Which platform should you build a portfolio website on?
The choice of platform depends on three questions: what is your budget, will you update the site yourself, and how unique does the design need to be? There are three main routes.
| Criterion | Website builder (Wix, Squarespace, Tilda, Framer) | WordPress | Custom code |
|---|---|---|---|
| Best for | Those who want to start quickly, with no technical knowledge | Those planning a blog and expansion | Those who want unique design, animation and maximum speed |
| Time to launch | A few days | 1–3 weeks | 3–8 weeks |
| Design freedom | Within the template | Theme + plugins, wide | Full |
| Speed | Medium, depends on the template | Drops as plugins are added | Highest, when built properly |
| Updates | Yourself, in a visual editor | Yourself, in the admin panel | A developer, or a simple admin panel |
| Cost | Monthly subscription | Hosting + theme (one-off) | Project cost + hosting |
| Risk | Dependence on the platform; migration is difficult | Plugin and security updates | Dependence on the developer |
For a designer or a photographer, a website builder is usually enough; for a developer, custom code is itself part of the portfolio; for a specialist who wants to build SEO through a blog, WordPress is the balanced choice. For an example of what custom code delivers in a fast, on-brand website, see the hand-coded website for Aston Martin. We have written about the general stages of website development and how to choose a contractor in our guide to website development in Baku.
How do you choose a domain name?
- Your first name and surname (for example, namesurname.az or namesurname.com) are the best choice for a personal brand: people search for you by name.
- If the name is taken, add your specialism: namesurname-photo, namesurname.design.
- Keep it short, hyphen-free and unambiguous to spell; check the Latin substitutes (e, sh) for letters such as "ə" and "ş" so that it is not misspelt when you say it aloud.
- The .az zone is an advantage for a local audience and for Google.az; if you are targeting international clients, buy the .com as well and redirect it.
- Register the domain in your own name, not in the contractor's.
SEO for a personal website: your name and niche keywords
SEO for a portfolio website works in two directions: people who search for your name should find you as the first result, and people who search for your niche (for example, "product photographer Baku") should find you at all. The first is easy; the second takes content.
- Home page title (title tag): "Name Surname — Product photographer, Baku". In the meta description: your specialism, your city and one benefit.
- Every case study is a separate page with a separate title: "Brand identity for a café — case study". This creates "entry doors" for niche queries.
- Service pages with niche keywords: "Wedding photographer", "Landing page design", "Interior design project". For each one, a 300–600-word explanation, the process and examples.
- Image alt text and file names: "cafe-menu-design.jpg", alt: "Café menu design — case study".
- Connect Google Search Console: verify the site, submit a sitemap and check every month which queries you are found for.
- Link to the site from your social profiles: Instagram bio, Behance, LinkedIn — both for traffic and for taking the first result when people search for your name.
- A blog only if you will write regularly: 1–2 articles a month on niche queries ("how many stages does an interior design project have").
The basics of SEO, keyword selection and the technical requirements are explained in detail in our guide to what SEO is.
Speed and image optimisation
The biggest technical problem of a portfolio website is its images: 20 photos of 8 MB each make the site impossible to open on a mobile network. The rules:
- Export images for the web: a width of 1600–2000 pixels is enough, in WebP or compressed JPEG format.
- Keep lazy loading (loading an image only when it comes into view) switched on: in website builders it is usually standard, and in WordPress it is set through a plugin or a theme setting.
- Upload video to YouTube or Vimeo and embed it, rather than uploading it to the site.
- Limit fonts to 2 families; every extra font means extra loading time.
- Test the site in PageSpeed Insights in mobile mode and resolve the "image" warnings first.
- Check the mobile view on an actual phone: is the hero text readable, is the WhatsApp button visible, does the gallery swipe smoothly with a finger?
How much does a portfolio website cost?
The price of a portfolio website depends on the platform and on how unique the design is; the figures below are approximate market ranges, not Advertol's prices.
| Option | Approximate market range | What is included |
|---|---|---|
| Website builder / template site | ≈ 150–500 AZN (manat) | Template customisation, 5–7 pages, basic SEO settings |
| Custom-designed website | ≈ 1,000–5,000 AZN | Unique design, case study pages, animation, admin panel |
| Domain + hosting | ≈ 50–150 AZN/year | Domain registration, hosting, SSL |
If you build the site yourself in a website builder, the only costs are the subscription and the domain. We explain in detail what makes up a website budget, and what you can expect for a given budget, in our article on website development prices. If the portfolio website also has to sell services, building a separate landing page for a single service is often more effective.
The most common mistakes on a portfolio website
Most of the mistakes are not technical but to do with content: the site exists, but it does not help anyone make a decision. Check your finished site against the list below.
- Uploading all your work. 40 average projects make a worse impression than 6 strong ones. Fix: curate, and reselect twice a year.
- A gallery with no results. There are images but no explanation. Fix: the case study template for every project.
- Generic positioning. "I do everything" is addressed to no one. Fix: one specialism + one audience in the hero.
- A hidden route to contact. The form is only on a separate page. Fix: a CTA at the end of every case study and a WhatsApp button on the mobile screen.
- Heavy images. The site does not open on a mobile network. Fix: WebP, 2000 px, lazy loading.
- An out-of-date site. The latest project is from two years ago. Fix: an update once a quarter and a "projects I am working on now" block.
- Domain and hosting in the contractor's name. When you part ways, the site is lost. Fix: domain and hosting in your own name, and you hold the logins.
- English only. A local client searches and does not find you. Fix: AZ/RU/EN depending on the audience, at least for the main pages.
Frequently asked questions
How many projects should a portfolio website show?
Usually 4–8 selected projects are enough; as the number grows, the client's attention wanders and the weak projects overshadow the strong ones. Choose the 1–2 best examples for each area and refresh them every season. You can keep the rest on a separate "archive" page or on Behance.
Can I build a portfolio website myself?
Yes. Website builder platforms need no technical knowledge and give you a result in a few days. The main work isn't the code but the content: your positioning sentence, the case study texts and high-quality images. If you need unique design, bespoke animation or maximum speed, custom code and a developer make more sense.
How long does it take to build a portfolio website?
In a website builder, a few days if the content is ready; in WordPress, 1–3 weeks; with custom design and code, 3–8 weeks. What stretches the timeline most isn't the technology but late text and images, so write your case studies before work on the site begins.
Which domain is better for a portfolio website: .az or .com?
For local clients and Google.az, the .az zone is an advantage and builds trust; if you are targeting international clients, .com can serve as the main domain and .az as a redirect. In both cases your domain name should be in the name-surname or name + specialism format, short and unambiguous.
Should you list prices on a portfolio website?
If the service is standard (for example, a product shoot or an hourly consultation), writing "prices start from" improves the quality of enquiries. If each project is priced individually, explain the process and the timeline, and add a form with the phrase "quote within 24 hours". Hiding the price completely often increases the number of "just asking" enquiries.
How does a portfolio website differ from Instagram for a photographer?
Instagram is for introductions and everyday content, whereas a website shows your series by genre in full quality, is found on Google for queries such as "wedding photographer Baku" and has a booking form. Sharing a short version of your work on Instagram and linking to the site combines the strengths of the two platforms.
Conclusion
A portfolio website is not a collection of beautiful images but a document that helps someone decide to choose you: clear positioning, 4–8 case studies, real testimonials and a route to contact that is visible on every screen. Choose the platform according to your budget and goal, buy the domain in your own name, optimise the site for your name and your niche keywords, compress the images and update the site once a quarter. A site that follows these rules brings in clients for years.
If you want your portfolio or personal website built with a custom design, fast and SEO-ready, see Advertol's website and app development service and book a free 15-minute online consultation.