Back to projects

Live • Continuously improved

Building thedsouza.com as a Consulting Portfolio

A personal website developed into a practical consulting platform that communicates experience, services and technical work through responsive design, structured case studies and a disciplined release process.

Project objective

The website needed to move beyond a basic personal portfolio and become a credible platform that:

  • Introduce Glen as a technical consultant
  • Connect more than two decades of IT experience with current project work
  • Clearly explain available services
  • Present technical work through evidence-based case studies
  • Give prospective clients a straightforward path to make contact
  • Remain maintainable as Glen’s skills and projects develop

Technical foundation

The implementation uses a focused set of technologies already present in the repository:

  • Next.js App Router
  • React
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • GitHub
  • Vercel

The site is built from reusable, section-based React components, responsive layouts for desktop and mobile, data-driven project and service cards, static case-study routes, same-page homepage navigation, and production deployment through GitHub and Vercel.

Information architecture and content

The homepage follows a deliberate journey:

  1. Section 1

    Hero

  2. Section 2

    About

  3. Section 3

    Experience

  4. Section 4

    Services

  5. Section 5

    Projects

  6. Section 6

    Skills

  7. Section 7

    Timeline

  8. Section 8

    Contact

This order helps visitors understand who Glen is, his professional background, the services he provides, evidence of completed and ongoing work, and how to start a conversation.

Search and sharing foundation

The site includes a deliberate search and sharing foundation without claiming guaranteed search outcomes:

  • Unique page titles and descriptions
  • Canonical URLs
  • Open Graph metadata
  • Twitter card metadata
  • Sitemap
  • robots.txt
  • Person JSON-LD
  • Existing favicon and application identity assets

Accessibility and responsive design

The implementation is reviewed as an interactive public site, with attention to structure, keyboard access and small-screen behavior rather than a claim of formal certification.

  • Semantic headings and sections
  • Keyboard-accessible navigation and links
  • Visible focus styles
  • Responsive desktop and mobile layouts
  • Reduced-motion consideration where implemented
  • Contrast-conscious dark interface
  • Checks for overflow, clipping and awkward wrapping

AI-assisted delivery workflow

Development uses an AI-assisted workflow, but each change is deliberately scoped, reviewed, tested and approved before publication. AI supports implementation and analysis; project direction, factual accuracy, acceptance decisions and publication control remain human-led.

The controlled workflow is:

  1. 1.Define one bounded milestone
  2. 2.Verify the clean repository baseline
  3. 3.Implement only the approved scope
  4. 4.Run formatting, TypeScript, lint and production-build checks
  5. 5.Review source changes and privacy exposure
  6. 6.Test desktop, mobile, navigation and browser behaviour
  7. 7.Commit only after review
  8. 8.Publish normally through GitHub
  9. 9.Verify the live Vercel deployment

Selected improvements delivered

  • Technical-consulting positioning
  • Services and engagement models
  • Professional experience section
  • GHDC case study and roadmap
  • Self-hosted mail-server case study
  • Epping Tennis Club support and merchandise-POC case study
  • SEO and structured metadata foundation
  • Removal or correction of outdated portfolio records
  • Responsive and accessibility verification

Engineering lessons

  • Clear information architecture matters as much as visual design.
  • A portfolio becomes stronger when claims are supported by detailed case studies.
  • Small controlled releases are easier to review and recover than large uncontrolled changes.
  • AI-assisted development still requires human judgement, verification and accountability.
  • Privacy review is essential when presenting infrastructure and operational work publicly.
  • A personal website should evolve alongside real experience rather than presenting future plans as completed work.

Current status and next direction

The website is live and remains under controlled, incremental development. Future improvements will add stronger project evidence, refine contact conversion, expand selected case studies and continue improving performance and accessibility.