web development & systems

SEO & Specialized Architecture (WordPress)

I bridge the gap between high-end Graphic Design and Technical Development. My work focuses on creating digital ecosystems that don’t just look professional—they dominate search results. Most recently, I architected a specialized WordPress hub for the Calgary market that achieved #1 organic ranking for ‘roof deicing’ through technical SEO and strategic content architecture.

eNGINEERED FOR SPEED

Transitioned the site’s visual library from unoptimized assets to high-performance, optimized PNGs to ensure rapid load times without sacrificing the “Master Electrician” aesthetic.

SERVER-SIDE EFFICIENCY

Implemented and configured LiteSpeed Cache to manage object caching and image optimization, drastically reducing Time to First Byte (TTFB) and improving Core Web Vitals for local search.

TECHNICAL ASSET MANAGEMENT

Replaced high-overhead SVGs with custom-scaled raster images to prevent rendering bottlenecks on mobile devices.

strategic metadata

Developed a comprehensive “Zero-Footprint” metadata strategy, authoring unique Alt text, Titles, and Descriptions for every technical asset to boost organic discovery.

competitive ranking

This semantic focus propelled the site to #1 and #2 spots on Google for high-competition keywords like “roof deicing Calgary,” outperforming long-established local competitors.

inclusive design

Focused on descriptive Alt text to ensure the site remains fully accessible to screen readers, aligning the brand’s technical authority with modern web accessibility standards.

local seo architecture

Utilized a custom “Power Tag” taxonomy to categorize content by local Calgary climate challenges, specifically targeting the “Ice Dam” search gap in the region.

structural alignment

Leveraged custom CSS to override native Essential Addons properties, resolving common flexbox grid misalignments and ensuring a pixel-perfect, symmetrical layout.

standardized ui components

Applied CSS object-fit properties to create uniform card heights across the technical project archives, providing a cohesive and professional user experience.

academic application

Directly applied principles from my Web and Mobile Development studies to troubleshoot and resolve container-depth issues that standard page builders cannot address.

code integrity

Maintained a clean, documented stylesheet utilizing camelCase naming conventions for all custom classes to ensure future-proof maintainability.

The Professional Hub: Electrek (Wix CMS)

For this live commercial project, I developed a robust digital presence for a professional electrical services provider in Calgary. This project required balancing a clean, high-tech aesthetic with deep functional requirements for a service-based business.

Service Architecture: I built a responsive hub detailing complex residential and commercial electrical solutions, from EV charging stations to industrial code compliance.

User Engagement: The site integrates a “Smart Tips” blog and a dynamic project gallery to showcase “Superior Craftsmanship” while driving local SEO.

Client Management: By utilizing the Wix CMS, I provided the client with a 5-star digital home that they can easily manage while maintaining a high-performance, professional look.

Custom Architecture: Cloudgarden Interiors (HTML/CSS)

To push my technical boundaries beyond drag-and-drop builders, I architected Cloudgarden Interiors—a biophilic design concept—entirely from scratch using hand-coded HTML and CSS.

Grid Mastery: While Flexbox could have simplified certain UI elements, I executed the entire site layout using CSS Grid to meet strict technical requirements and demonstrate mastery over complex, two-dimensional alignments.

Performance & Standards: The site is built with a mobile-first philosophy, ensuring fluid responsiveness across all devices. I maintained a clean, organized codebase utilizing camelCase for all JavaScript variables and CSS classes.

GitHub Integration: This project is hosted via GitHub Pages, demonstrating my ability to manage version control and move a project from a local development environment to a live production server.

High-Fidelity Planning: Wellness & Spa Mockups

< Click the Design to View it Fullscreen >

Before moving to code, I utilize professional design tools like Adobe Illustrator and InDesign to create high-fidelity visual layouts. This phase ensures that the luxury aesthetic—emphasizing “Luxurious and Indulgent” vibes—is perfected before the first line of code is written.