Personal Portfolio

My own brand and portfolio site - a modern, conversion-focused storefront for my freelance practice, designed to demonstrate craft and turn visitors into clients.

Coding with CS logo - Personal Portfolio brand mark
Client
Self (Collen Sengwenyane)
My role
Designer & Developer
Year
2026

What needed solving

As a freelance Web and Android developer, I needed an online presence that did real work: communicate the quality of what I build at first glance, make my services and pricing easy to grasp, show real shipped products instead of placeholders, and give visitors multiple clear ways to start a conversation.

  • A premium first impression that signals senior-level craft
  • Clear services + transparent pricing so leads self-qualify
  • Real project case studies (not stock template content)
  • Multiple low-friction ways to start a conversation

What I built

A modern, premium portfolio site built in pure HTML, CSS and vanilla JavaScript - no framework, no build step, no dependencies. The site leads with a strong personal hero (headline + photo + stats), backs it up with detailed services, transparent pricing, real project case studies, and ends with a contact form plus multiple direct channels. A floating WhatsApp button is available on every page for instant enquiries.

Key features & what it does

What's in the box

The most useful pieces of the project - built in and ready to use from day one.

01

Premium hero with personal photo

Strong value proposition, professional photo, three CTAs and a stats row - built to convert at first scroll.

02

Detailed services

Four service tiers (Web, Android, UI/UX, Maintenance) with checklists so visitors instantly know what I do.

03

Transparent pricing

Four-tier pricing (Starter, Business - most popular, Android, Custom) with a clear "from" price and feature comparison.

04

Real project case studies

In-depth case studies (like this one) for each shipped project - challenge, solution, features, tech and live link.

05

Testimonials

Five-star testimonials from real clients to back up the work with social proof.

06

Multi-channel contact

Contact form, direct email, WhatsApp, LinkedIn and GitHub - all one click away.

07

Floating WhatsApp

Friendly always-available WhatsApp button so a prospect can start a conversation from any page.

08

Pure HTML / CSS / JS

No framework, no build pipeline, no dependencies. Loads instantly anywhere and is easy for me to update.

What it adds up to

A conversion-focused portfolio that helps prospects understand my services, see real work, and reach out - all without needing a complex tech stack to maintain.

Tech stack

HTML CSS JavaScript Responsive Design SEO

Want something like this for your business? Let's build it.

Tell me about your project and I'll come back within 24 hours with a clear plan, timeline and quote.