Nicky Richardson
Web Developer active in both Legacy Maintenance and Modern Systems
Projects
Personal Portfolio & Design System
Lead Developer
- Design Tokens: Built a two-layer system that separates primitives (colours/spacing) from semantic tokens (brand-primary, surface-main) for effortless site-wide updates.
- Modern Layouts: Implemented modern CSS layouts utilizing Subgrid and Sticky positioning to solve UI alignment challenges.
- View Transitions API: Used transitions to give the site a native app feel, including animations that change based on which page you're coming from.
- Performance: Used Astro’s build-time tools to pre-render the site, easily hitting 100/100 Lighthouse scores.
Pestward
Project Contributor
- Component Library: Introduced component-based structure to the build, to improve maintainability and deployment speed.
- IA & SEO: Restructured page flow and content hierarchies to improve user conversion and SEO visibility.
- Performance: Implemented performance optimizations to re-gain competitive PageSpeed scores.
The Spider Guys
Lead Developer
- Component Library: Collaborated with client to translate pages into reusable component libraries.
- Lead Generation: Built a custom, multi-step conversion funnel that captured over 500 validated leads in the first month.
- Data Modeling: Designed a relational data model using 6+ interconnected post types to create a "Single Source of Truth" for client data items.
- Review Importing: Wrote a plugin to pull Google Reviews from an Apify script and store them in a post type. This replaced slow third-party widgets and reduced costs.
- Custom Admin UX: Customized WordPress dashboard with brand-specific icons and colours to help make the client more comfortable in their space.
- Performance: Achieved 99/100 Desktop and 96/100 Mobile PageSpeed scores through optimization and aggressive asset management.
Bubby’s Plumbing
Lead Developer
- Website Migration: Rebuilt legacy site as a modern Elementor build, keeping the overall look/feel of the site the same while fixing string/layout issues.
- UX Improvements: Refined UI layouts and responsive breakpoints to resolve alignment issues and improve the mobile booking experience to strengthen leads.
- Performance: Optimized frontend performance and asset delivery to achieve Lighthouse scores in the high 90s, significantly reducing bounce rates.
PerriMed
Full-Stack Maintainer
Inherited after a decade without developer involvement.
- Query Optimization: Fixed a massive performance bottleneck in the admin dashboard, reducing data-heavy query times from several minutes to just seconds.
- Legacy Codebase: Bugfixed/maintained a decade old mission-critical system, safely adding new features without breaking core legacy PHP code.
- Certificate System: Re-coded from the ground up as an SVG based system with a cleaner look and QR Codes for instant verification.
- Mailgun Migration: Migrated the entire mail system from PHPMailer to the Mailgun API and ensured high-volume certificates don't end up in spam.
- Bolt-on Features: Developed a privacy-first system to meet 2026 government certification rules, allowing instructors to "opt-in" to show their credentials publicly.
- Excel Import/Export: Implemented secure system for the bulk import/export of students and bulk certificate validation via. Excel upload.
Marda Management
Lead Developer
- First Elementor Build: Recreated an old Divi website in Elementor and ensured smooth transition to the new system/structure.
- Asset Improvements: Recreated legacy raster assets (logos, separator flourishes) as SVGs, ensuring the site stays sharp on high-res screens and loads faster.
- Custom Application: Built a specialized property inspection web application to streamline on-site report generation and image capture.
- Listings API Import/Caching: Interfaced with ShowMojo Listings API to prototype a WordPress plugin with an integrated server-side caching layer. (not yet live)
- Performance: Achieved 99/100 Desktop and 93/100 Mobile PageSpeed scores through optimization and aggressive asset management.
Podcast 17 (Legacy)
Early Passion Project
- Data Structure: Implemented early version of custom post types to organize complex relational data (hosts, guests, games, and mods).
- Theme Development: Wrote a personal WordPress starter theme with full Separation of Concerns between HTML and CSS, incl. a layered set of stylesheets.
- Event Microsites: Built several bespoke, hand-coded microsites using PHP or Vanilla HTML/CSS/JS for high-profile events and milestones.
- Content Parsing: Built a custom shorthand parser that turned simple text notes into structured HTML shownotes for podcast episodes.
Skills
- Languages
- PHPSCSS/SASSHTML5 (Semantic & Accessible)CSS3 (Modern)
- Frameworks & CMS
- AstroWordPress (Custom Theme & Plugin Dev)Tailwind CSSBulma CSSBootstrapLaravel (basics)GatsbyJS
- Systems & Architecture
- CUBE CSSBEMComponent-Driven DevelopmentModern & Legacy CSSDesign TokensRelational Data ModelingA11y (WCAG Compliance)
- Performance & Tools
- PageSpeed (95+ Scores)Static Site Generation (SSG)ViteNetlifyVercelDockerGit
- Specialized Competencies
- Legacy System MaintenanceCompliance-Driven DevelopmentAPI IntegrationAutomated Data Pipelines (Apify)