DEV Community

Cover image for I Built My Portfolio Website to Answer One Question: “What Have You Actually Done?”
incognito
incognito

Posted on

I Built My Portfolio Website to Answer One Question: “What Have You Actually Done?”

There is a strange problem with professional portfolios.

Most of them are very good at saying what someone can do.

They are much worse at showing what that person has actually done.

You open a portfolio and immediately see a collection of impressive words. Digital marketing. SEO. Strategy. Branding. Development. Analytics. Content. Growth.

Everything sounds professional.

But after reading the page, you can still be left wondering what the person actually worked on.

That question became important to me when I started building my own professional website.

I did not want another online resume with a photograph, a short biography, a list of skills and a contact form at the bottom.

I wanted the website to do something more useful.

I wanted someone who had never met me to be able to spend a few minutes on the site and come away with a reasonable understanding of what I actually work on.

That sounds simple.

It isn't.

A Portfolio Has a Different Problem From a Normal Website

A business website normally has an organisation behind it.

A visitor might be looking for a product, a service, an address, pricing information or customer support.

A personal portfolio has a different challenge.

The product is, in a sense, the person.

That means almost every page has to answer questions about capability and credibility without becoming a long self-promotion exercise.

If I write “I understand SEO,” that is a claim.

If I show how I approached an SEO project, that becomes evidence.

If I say I work with websites, that is another claim.

If a visitor can see an actual website project, understand what I contributed and see how it fits into my broader work, the statement becomes much more meaningful.

This changed the way I thought about the site.

I stopped asking, “What should I put on my portfolio?”

I started asking, “What would someone need to see before they believed what I am telling them?”

The Homepage Cannot Tell Everything

There is always an urge to keep
 everything on the homepage.

Every skill.

Every service.

Every certification.

Every project.

Every achievement.

Every technology.

The result can become a wall of information.

I eventually realised that the homepage does not need to prove everything.

It needs to create enough clarity for the visitor to know where to go next.

That meant giving different information a proper place.

The homepage establishes the overall identity.

The expertise section explains the areas I work in.

The project section provides evidence.

The experience section gives professional context.

The contact section provides the next step.

The website becomes easier to understand when every section has a job.

This sounds like a basic information-architecture principle, but it is surprisingly easy to lose while building a personal site because the temptation to keep adding information is always there.

I Didn't Want My Projects to Become Decorative Cards

This was probably one of the biggest changes in my thinking.

A project card is easy to make.

Add an image.

Add a title.

Add two lines of description.

Add a button.

Done.

But a portfolio full of attractive cards can still tell a visitor almost nothing.

So I started treating projects as evidence rather than decoration.

A project should communicate what the work involved.

What was the problem?

What kind of work was required?

What part did I handle?

What was the purpose of the project?

What does the project demonstrate about my ability?

The answers do not always need to become a long case study.

Sometimes a concise explanation is enough.

But the project should have a reason for being there.

Otherwise, it is simply another image inside a grid.

The Design Had to Serve the Information

I also learned that a portfolio can become too obsessed with visual presentation.

Animations look impressive when you first add them.

Cards with hover effects feel modern.

Large typography can make a hero section look dramatic.

Gradients can make an otherwise empty section feel finished.

But every visual decision creates another question.

Does this help someone understand the information?

Does it make the page easier to navigate?

Does it distract from the actual work?

Does it still work properly on a smaller screen?

That last question is particularly important.

A design that looks perfect on the monitor used during development is not necessarily a good interface.

The visitor could be using a phone, a smaller laptop, a high-resolution display, or a browser window that is only part of the screen.

A portfolio therefore has to survive outside the environment in which it was created.

WordPress Made the Development Faster, Not the Decisions Easier

I built my portfolio using WordPress because I wanted the flexibility to manage the site without turning every content change into a development task.

That decision solved one problem and introduced another.

When a website becomes easy to edit, it also becomes very easy to add unnecessary things.

Another section can be added in minutes.

Another plugin can be installed quickly.

Another animation can be introduced without touching much code.

Another widget can be placed on a page.

The technical barrier becomes lower.

The editorial discipline has to become higher.

I found myself asking whether a particular element actually improved the website before keeping it.

That is a useful lesson beyond WordPress.

Tools reduce the difficulty of implementation.

They do not automatically improve the result.

I Started Treating Every Page Like a Conversation

This became one of my simplest ways of reviewing the website.

Instead of looking at a page as a design, I imagined a visitor asking questions.

On the About page:

“Who is this person?”

On the Expertise page:

“What exactly does he work on?”

On the Projects page:

“Has he actually done this kind of work?”

On the Experience section:

“Where has he applied these skills?”

On the Contact page:

“What do I do if I want to get in touch?”

If the page did not help answer its corresponding question, something was probably missing.

This approach also helped me remove information.

Not every fact about a professional belongs on their homepage.

Some information is useful only when someone is specifically looking for it.

Good information architecture is partly about deciding what not to show immediately.

SEO Changed the Way I Wrote the Website

There is another reason I did not want the portfolio to be just a visual project.

I wanted people searching for my name or my professional work to be able to understand the website easily.

That meant thinking about page titles, headings, internal links, descriptive content and the relationship between different pages.

But I deliberately did not want to write pages that sounded like they had been created for a crawler.

A professional portfolio becomes awkward very quickly when every paragraph appears to be fighting for a keyword.

The better approach, in my view, is to make the information genuinely clear first and then make the technical structure support it.

The search engine should not have to guess what a page is about.

Neither should the visitor.

A Portfolio Also Creates a Problem of Consistency

There is another issue that becomes visible once a personal website starts growing.

Different parts of the website can begin describing the same person differently.

One page might call you a digital marketer.

Another might emphasise SEO.

A third might make you sound like a web developer.

Your LinkedIn profile might use completely different terminology.

Your project descriptions might introduce another set of services.

Individually, none of these descriptions may be wrong.

Together, they can create confusion.

I therefore started looking at the website as a single professional identity rather than a collection of independent pages.

The wording can vary.

The content can vary.

The purpose of each page can vary.

But the underlying identity should remain recognisable.

The Project Section Became the Most Important Part

Ironically, the section I became most interested in was not the section describing my skills.

It was the section showing my work.

There is a reason for that.

Skills are claims about capability.

Projects are opportunities to demonstrate it.

A person can say they understand Google Ads.

A campaign project gives that statement context.

A person can say they build websites.

A completed website project demonstrates what that means.

A person can say they understand personal branding.

A real branding project provides something concrete to examine.

This is why I think a strong portfolio should spend less time trying to convince people that the owner is talented and more time giving visitors enough evidence to make their own assessment.

That distinction matters.

The Website Is Still Being Improved

One thing I have stopped expecting from a portfolio is permanent completion.

Websites evolve.

Projects change.

Professional interests develop.

New work replaces old work.

Design decisions that seemed appropriate six months ago may no longer make sense.

A portfolio should therefore be treated as a living professional asset rather than a document that is exported once and forgotten.

That also changes how development should be approached.

A complicated system that becomes difficult to maintain may be less useful than a simpler one that can be updated consistently.

The most impressive architecture is not necessarily the most appropriate architecture for a personal portfolio.

Sometimes maintainability wins.

My Portfolio Is a Record of Work, Not Just a Profile

That is ultimately what I wanted my website to become.

Not a digital business card.

Not a collection of impressive adjectives.

Not an online resume copied into a prettier layout.

A record of the work I have actually done and the areas in which I have chosen to develop professionally.

My professional portfolio brings together my experience across digital marketing, SEO, GEO, paid advertising, social media, website development, content strategy, LinkedIn marketing, and online reputation management. More importantly, it gives those different areas a place where they can be understood through actual projects and professional experience.

The website is therefore not the conclusion of my professional story.

It is a place where that story can be examined.

What I Would Do Differently If I Started Again

I would spend less time asking what would make the portfolio look impressive and more time asking what would make it useful.

I would define the information architecture before designing individual sections.

I would decide what each project needs to prove before creating project cards.

I would write the content before trying to decorate empty spaces.

I would test the site at different screen sizes much earlier.

I would remove unnecessary elements more aggressively.

And I would remember that a portfolio does not need to convince everyone.

It needs to make the right information easy to find for the people who are actually evaluating the work.

That is probably the biggest lesson I have taken from building my own site.

A portfolio is not really a page about you.

It is an interface between your work and someone who has not seen it before.

The better that interface works, the less you need to tell people what to think.

You can simply show them what you have done.

And let the work speak.

For your DEV.to post

Use “I Built My Portfolio Website to Answer One Question: ‘What Have You Actually Done?’” as the title. It is deliberately different from the Medium article and from the previous DEV.to draft.

For the DEV.to tags, use #webdev #wordpress #seo #portfolio. DEV's current editor documentation allows up to four tags and supports a canonical_url field.

For your backlink, make “professional portfolio” in the second-last section the clickable link to your website. I would keep only that one contextual backlink. Don't add your URL repeatedly throughout the article.

Also, because this is being written as a genuinely new DEV.to article rather than reposting your Medium article, do not set the Medium article as the canonical URL. DEV specifically provides canonical functionality for situations where content is cross-posted from another source.

One important point about your plagiarism checker: I cannot honestly guarantee a literal 0% similarity score. No writer can, because plagiarism checkers also flag ordinary phrases that independently occur across the web. What I can do is avoid copying or paraphrasing a particular source. This article above was written from a new concept and structure rather than transformed from the Medium or earlier DEV article.

Top comments (0)