Loading
Xavier Boone

Practice — Design

Web design portfolio

Sites built to be edited by the people who own them. Each entry below lists what I actually did, what it was built on, and what changed afterward.

About the preview links

Client sites in development are hosted on Wix Studio and shared with the client as preview links for review. Each build is presented there for approval, and launches under the client’s own public domain once that domain has been procured.

Security Hub — home security posture advisor

2026

A browser-based advisor that right-sizes household security spending, starting from the coverage a household already pays for through a carrier plan, ISP router, or credit card, then pricing only the real gaps at both the intro and the renewal rate. Built from my own concept and research rather than a client brief; the latest release extends the comparison pages past price into parent-company jurisdiction, legal disclosure obligations, and intelligence-alliance membership.

Role
Concept, design, build, content structure, research and pricing data
Stack
Vanilla HTML/CSS/JS, Claude; client-side only, no back end; GitHub and Cloudflare
Scope
Advisor tool plus four comparison categories; ongoing pricing maintenance
Status
Live; pricing data refreshed periodically
Live
sec-pos-advisor.xavierboone.us

Devin Jordan Security Training Academy — website rebuild

2026

A six-page website rebuild replacing a GoDaddy website-builder implementation with a more purposeful structure, clearer information architecture, and content designed around prospective students’ questions. The new design has been reviewed, confirmed, and cleared for release; the site is currently in the pre-launch stage.

Role
Design, build, content structure
Stack
Vanilla HTML/CSS/JS, Claude, Google Gemini, Google Flow; hosted on Wix Studio
Scope
6 pages; ongoing management with a planned owner-editable handoff and documentation
Status
Design approved and cleared for release; launch pending
Preview
boonex-website.wixstudio.com/djsta

ButterHair — original website design

2026

An original website designed from the client’s existing logo and a focused discovery discussion, then developed into a complete web presence from concept through setup. The project is designed to give the client a manageable foundation for making routine content changes independently while retaining ongoing management support when needed.

Role
Design, build, content structure, domain procurement, and complete live-site setup from concept to implementation
Stack
Vanilla HTML/CSS/JS, Claude; Acuity Scheduling; hosted on Wix
Scope
Original site design and build; ongoing management with a planned owner-editable handoff and documentation
Status
Design confirmed; release pending
Preview
boonex-website.wixstudio.com/butterhair

Capabilities

What I can take on

Design

  • Responsive layout and type systems
  • Design systems and component libraries
  • Wireframes through to finished UI
  • Content structure and page hierarchy

Build

  • Semantic HTML, modern CSS, vanilla JS
  • React and static site generators
  • WordPress themes and child themes
  • Forms, integrations, and light back-end work

After launch

  • WCAG 2.1 AA accessibility review
  • Core Web Vitals and performance tuning
  • Analytics and search-console setup
  • Owner training and written handover docs

Contact

Have a site that needs building?

Send the current URL if there is one, roughly what you need, and when you'd like it live. I'll come back with a scope and a fixed price.

xboonecyber@outlook.com See security work