Skip to main content
Skip to case study content
Henry L. Andrews, Jr. homepage — board-ready executive hero with portrait and credentials
ShippedFull Stack2026

Henry L. Andrews, Jr. Executive Portfolio

Board-ready executive site for leadership, impact, and recruiter review

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Radix UI
  • Framer Motion
  • Vercel

Executive summary

A production executive portfolio for Henry L. Andrews, Jr. — founding Managing Director and CFO of Verus Research and retired U.S. Air Force Colonel. The site organizes command, corporate leadership, board service, and civic work for recruiters, directors, and partners.

Business problem

Decades of command and enterprise leadership needed a credible digital presence for board and speaking conversations — not a generic resume page.

Project goals

  • Make a long career scannable for recruiters and directors
  • Support deeper reading and print-ready review
  • Keep the public case study honest about engineering scope versus client career metrics

Solution

A Next.js App Router site with typed content modules, achievement sections, an impact view, accessibility controls, and a print-oriented layout — deployed on Vercel.

My role

  • Information architecture for a long executive narrative
  • Achievement, impact, and supporting routes
  • Accessibility, SEO, theming, and print-oriented CSS
  • Production deployment

System architecture

  1. 01

    Stage 01

    Next.js with React and TypeScript.

  2. 02

    Stage 02

    Content lives in typed modules.

  3. 03

    Stage 03

    Tailwind CSS and Radix primitives handle UI.

  4. 04

    Stage 04

    Framer Motion covers entrance motion.

  5. 05

    Stage 05

    next-themes drives color mode.

  6. 06

    Stage 06

    Metadata, Open Graph, and structured data are generated from shared helpers.

  7. 07

    Stage 07

    Contact uses a client-side mailto flow.

Technology stack

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Radix UI
  • Framer Motion
  • Vercel

Key features

  • 01

    Executive achievement sections with sticky navigation

  • 02

    Impact and board-service routes

  • 03

    Dark and light themes

  • 04

    Command palette and accessibility controls

  • 05

    Print-oriented layout for offline review

  • 06

    SEO metadata and structured data

Engineering challenges

  • Structuring a long career so both scanners and deep readers can use it
  • Separating client career content from engineering claims in this case study

Results & business impact

Business value

  • 01

    Gives the client a recruiter-ready executive brand on a live Vercel site

  • 02

    Supports on-screen review and a print-oriented packet from the same content

Next step

Interested in building a similar solution?

Let's discuss your product, automation, or platform goals.

  • NOVA Estates homepage — Find a Place Worth Coming Home To, with The Glass House featured property
    Business PlatformsShipped

    NOVA Estates

    NOVA Estates is a premium property experience: search, featured listings, locations, property detail, galleries, and a saved-properties flow for buyers browsing high-end inventory.

    • React
    • TypeScript
    • Vite
    • Tailwind CSS
    • Framer Motion
  • Aurelia House homepage — Stay Somewhere Worth Remembering, over the retreat landscape
    Business PlatformsShipped

    Aurelia House

    Aurelia House is a boutique retreat website covering rooms, dining, spa, experiences, offers, destination, and a booking panel — built to feel like a stay, not a template landing page.

    • React
    • TypeScript
    • Vite
    • Tailwind CSS
    • Framer Motion