Portfolio case study

Miles P. Thomas Professional Portfolio

I designed and developed this site with Codex to bring my experience, education, project work, and résumé into one public record.

Role
AI-assisted web development and content strategy
Period
July 2026
Platform
Next.js and Netlify
Miles P. Thomas homepage with an Arizona landscape beside the introduction, résumé and LinkedIn actions, and a three-part route index
The homepage, from introduction to next step

I kept the Arizona landscape and cream-and-oxblood identity while giving the introduction, résumé access, and route index distinct places in the layout. Captured October 18, 2026.

Open the homepage

Objective

Give a visitor a clear next step.

I wanted visitors to understand my experience, education, and future goals, then find my résumé and public profiles easily. The site also makes clear that it is my personal portfolio and does not speak for a campaign or public office.

Design decisions

Connect a short introduction to the detail.

  • Use the Arizona landscape, cream paper, and oxblood accents to give the portfolio a consistent identity across routes.
  • Keep current roles and education distinct from future goals, with detail available on dedicated pages.
  • Use plain-language links for Home, Experience, Projects, About, Contact, Résumé, and LinkedIn, with the same complete navigation available at every screen size.
  • Keep digital projects as supporting evidence and use a restrained civic-editorial system without campaign branding.

Execution

One record, several ways to read it.

Every page and the public résumé should be clear, consistent, easy to use, and respectful of privacy.

Facts checked against sources

I check job titles, education, dates, and links against reviewed sources and keep those details consistent across the site.

Résumé delivery

A web résumé supports quick reading, while a separate prepared PDF provides a complete two-page document for downloading and printing.

Release checks

I check routes, links, navigation, metadata, and responsive layouts before a release, and keep the prepared PDF separate from browser-command printing.

Outcome

Experience, education, and contact details in one place.

Visitors can identify my current role, understand my ASU preparation and Arizona public-service direction, and move directly to detailed experience, the public résumé, or LinkedIn.

Portfolio details

Site details

Purpose

A personal professional portfolio centered on Arizona politics, campaign operations, ASU, and public service.

Visual identity

Warm cream, deep oxblood, charcoal, restrained antique gold, Newsreader, and Public Sans establish a civic-editorial identity.

Accessibility and privacy

Semantic landmarks, keyboard access, visible focus, responsive reflow, reduced-motion support, and résumé print styles guide the experience. Private contact and campaign information remain excluded.

Authorship and technology

I direct the content, design, and development with Codex. The site uses Next.js, React, TypeScript, and custom CSS, with self-hosted fonts and Netlify hosting. AI assistance is part of the process; I remain responsible for the content and the checks before publication.

Visual system specimen

Palette

  • Night #171116
  • Oxblood #5A1724
  • Paper #D8C3A7
  • Antique gold #B88A44

Typography

NewsreaderArizona public service

Public SansClear information, built for access.