Skip to content
BranchesTags

Repository files navigation

Conner King - Web Developer Portfolio

A modern, performance-optimized portfolio showcasing 5+ years of web development expertise. Built with Astro and deployed on Cloudflare Pages, featuring real-world client projects across WordPress, e-commerce, and custom web development.

Live Site: https://connerking.com/

🚀 About

I'm a web developer dedicated to turning ideas into creative solutions. I specialize in creating seamless and intuitive user experiences with a strong focus on performance, accessibility, and conversion optimization.

My approach focuses on creating scalable, high-performing solutions tailored to both user needs and business objectives. By prioritizing Core Web Vitals, SEO best practices, and responsive design, I strive to deliver experiences that not only engage users but also drive tangible business results.

Key Numbers:

  • 5+ Years of Web Development Experience
  • 50+ Completed Projects
  • 10,000+ Hours Worked

💼 Experience

The Hive

Web Developer | Sep 2024 - Present

Lead development and optimization of high-performance WordPress websites for SMB, SaaS, real estate, and professional-services clients. Focus on CRO, Core Web Vitals, and conversion-focused web experiences.

Green Cardigan Marketing

SEO Coordinator | Sep 2023 - Aug 2024

Led end-to-end SEO for 22+ law-firm sites, driving +68% organic traffic YoY. Managed technical audits, code fixes, and schema updates while publishing 40-60 pages/month.

KingzmanCo

Company Owner | Jun 2023 - Sep 2024

Designed and sold custom graphic artwork on Etsy, Shopify, and Redbubble. Managed all business operations, communications, and creative production.

Classopoly

Web Designer | Aug 2018 - Jul 2024

Engineered and managed educational platform, creating interactive digital learning experiences with custom functionalities for student management.

🛠️ Tech Stack

Frontend

  • HTML5 / CSS3 / JavaScript
  • React
  • GSAP (animations)
  • Tailwind CSS
  • Astro

CMS & Site Builders

  • WordPress
  • Elementor Pro
  • Divi
  • ACF Pro

Tools & Services

  • Git / GitHub
  • Figma
  • Google Analytics 4 (GA4)
  • Google Tag Manager (GTM)
  • Cloudflare Pages
  • GoHighLevel CRM

📁 Featured Projects

The Astrid

Luxury Real Estate Website

Luxury real estate website with custom animations, GoHighLevel CRM integration, and advanced lead capture systems.

  • Stack: WordPress, Elementor Pro, GoHighLevel, GSAP
  • Link: theastrid.com

Itaca

Hospitality Website

Luxury lakefront resort website with immersive visuals, custom booking integration, and multilingual support.

  • Stack: WordPress, Custom Design, Hospitality UX
  • Link: itacagroup.com

Holmes Law Team

Law Firm Website

Full site redesign and WordPress rebuild with custom layouts, performance optimization, and firm-branded UX. Implemented reusable templates, structured content, and on-page SEO foundations to improve engagement and lead conversions.

  • Stack: WordPress, Elementor Pro, SEO, Performance Optimization
  • Link: holmeslawteam.com

Insurance Claim Help Center

Legal Services Website

Designed and developed a modern, responsive WordPress site for a legal-services brand with custom page systems, lead capture forms, accessibility best practices, and performance tuning for Core Web Vitals.

The Barry S. Ranshi Law Firm, LLC

Law Firm Website

WordPress development with branded design system, custom ACF templates, structured content for multi-service pages, and technical SEO setup to improve search visibility and conversion paths.

  • Stack: WordPress, ACF Pro, Technical SEO, Custom Templates, Lead Generation
  • Link: barrysranshilaw.com

The Arora Law Firm

Law Firm Website

Full WordPress build with custom UX design, performance optimization, schema integration, and SEO foundations. Built to support attorney service pages and structured for ongoing content updates.

Burch Law

Law Firm Website

Custom WordPress site build with branded UX design, performance optimization, structured content systems, and on-page SEO foundations. Implemented reusable templates and accessibility improvements to enhance discoverability, user engagement, and long-term maintainability.

  • Stack: WordPress, Custom UX, Performance, Technical SEO, ACF
  • Link: burch-law.com

Chandler Law, LLC

Law Firm Website

WordPress development with custom layouts and template systems, performance tuning for Core Web Vitals, structured content for legal services, and foundational SEO setup. Focused on UI clarity, lead capture paths, and maintainable CMS structures.

  • Stack: WordPress, Custom Templates, Performance, SEO, Lead Generation
  • Link: chandler-law.net

🎯 Core Competencies

  • Performance Optimization — Core Web Vitals, Lighthouse optimization, page speed
  • WordPress Development — Elementor Pro, ACF Pro, custom plugin development
  • Conversion Rate Optimization (CRO) — Lead capture systems, form optimization
  • SEO — Technical SEO, schema markup, structured data, on-page optimization
  • Responsive Design — Mobile-first approach, cross-browser compatibility
  • Accessibility — WCAG 2.1 compliance, semantic HTML
  • Animation & UX — GSAP, CSS animations, interactive experiences
  • CRM Integration — GoHighLevel, automation workflows, email marketing

📦 Project Structure

portfolio/
├── src/
│   ├── components/          # Reusable Astro components
│   │   ├── Header.astro
│   │   ├── Hero.astro
│   │   ├── ProjectCard.astro
│   │   ├── ExperienceSection.astro
│   │   └── Footer.astro
│   ├── layouts/             # Page layouts
│   │   └── Layout.astro
│   ├── pages/               # Route pages
│   │   └── index.astro      # Home page (everything on one page)
│   ├── styles/              # Global styles
│   │   └── global.css
│   └── data/                # Site configuration
│       ├── projects.ts
│       └── experience.ts
├── public/                  # Static assets
│   ├── images/
│   │   ├── logos/
│   │   ├── projects/
│   │   └── headshot.jpg
│   └── favicon.svg
├── astro.config.mjs
├── tailwind.config.cjs
├── package.json
└── README.md

🚀 Getting Started

Prerequisites

  • Node.js 18+
  • npm or yarn

Installation

# Clone the repository
git clone https://github.com/itskingzman/portfolio.git
cd portfolio

# Install dependencies
npm install

# Start development server
npm run dev

The dev server will open automatically in your browser. If not, visit http://localhost:5173

For production:

npm run build

This builds the site for Cloudflare Pages deployment.

🛠️ Available Scripts

# Development server with hot reload
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

# Deploy to Cloudflare Pages
npm run deploy

📊 Tech & Performance

Built with:

Deployed on:

Performance Targets:

  • Lighthouse Score: 95+
  • Core Web Vitals: All green
  • Mobile-optimized
  • Accessibility (WCAG 2.1)

📝 Customization

Update Project Data

Edit src/data/projects.ts:

export const projects = [
  {
    id: 1,
    title: "Project Title",
    description: "Project description",
    image: "/images/projects/project.jpg",
    tags: ["WordPress", "Performance", "SEO"],
    link: "https://example.com",
  },
  // Add more projects...
]

Update Experience

Edit src/data/experience.ts to modify your work history.

🔗 Connect

📄 License

This project is open source and available under the MIT License.

Designed & built by Conner King

Last Updated: January 2026

About

A modern, performance-optimized portfolio showcasing 5+ years of web development expertise.

connerking.com/

Topics

acf-proastrodivielementorfigmagitgithubgoogleanalyticsgoogletagmanagergsaphtml-css-javascriptjavascriptportfolioportfolio-siteportfolio-websitereactsemrushtailwindcsswebsitewordpress

Resources

Readme
Activity

Stars

1 star

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages