Custom WordPress Theme Development with Elementor

Industry: Tech News & Media
Services: Frontend Development, WordPress Custom Theme, Responsive Design
Collaboration: Enlivy (Strategy, UI/UX Design, Backend & Project Management)

The client's platform is a leading source for personal technology news, led by Paul Thurrott. Despite its massive content library and premium subscription model, the legacy website was struggling with significant technical debt:

• Poor Performance: Logged-in user experience was slow, with load times reaching up to 3 seconds.
• Outdated UX: The design did not reflect the brand’s modern identity and lacked proper mobile responsiveness.
• Editorial Friction: The editorial team faced difficulties managing content layouts without relying on developers.
• Visual Requirement: The client specifically requested a "Windows App" aesthetic to resonate with their core audience.

The Objective: To rebuild the platform from the ground up, delivering a fast, modern, and highly responsive website that empowers editors while maintaining strict data integrity.

This project was executed in partnership with Enlivy. While the partner agency handled the high-level strategy, backend architecture, data migration, and the Figma UI/UX design, my role was to bridge the gap between design and functionality.

I was responsible for the full frontend implementation, translating complex Figma designs into a pixel-perfect, mobile-responsive WordPress theme.

• Custom Theme Development: I built a highly optimized theme from scratch, writing over 11,000 lines of SCSS and 7,000 lines of JavaScript to ensure a fluid user interface.
• Figma to Code: I converted the static "Windows App-style" designs into functional HTML/CSS, ensuring strict layout fidelity across all viewports.
• Responsive & Dark Mode: I implemented advanced responsive logic for mobile/tablet optimization and integrated a seamless Dark Mode toggle, a highly requested feature by the community.
• Dynamic Templates: Using PHP and core WordPress functions, I built fully editable page templates. This gave the editorial team a custom settings panel to manage layouts and feature premium content dynamically, without touching a single line of code.

The launch of the new platform resulted in immediate, measurable improvements in performance and user satisfaction:

• Performance Boost: Load times for logged-in users dropped significantly, from 3s to under 1.6s.
• Code Optimization: By strictly adhering to DRY (Don't Repeat Yourself) principles, I helped reduce the codebase size by a factor of 5 compared to standard implementations, making future maintenance effortless.
• User Adoption: The new modern interface and Dark Mode received widespread praise from the community.
• Editorial Efficiency: Editors can now highlight "Premium" articles and restructure the homepage in seconds using the custom tools I implemented.

"S.C. Enlivy S.R.L.'s efforts have significantly increased traffic, downloads, and the acquisition of new clients... The team delivered items on time, properly testing their work to ensure quality outputs." — Client Feedback (via Clutch/Enlivy)

The project didn’t end at launch. Recognizing the need for consistent stability and evolution, Enlivy established a monthly maintenance retainer with the client. I continue to play a pivotal role in this ongoing partnership as the dedicated frontend specialist.

My responsibilities in this phase include:

• Iterative Enhancements: Regularly implementing new features and UI adjustments based on real-time user feedback and analytics.
• Stability & Optimization: Ensuring the frontend codebase remains updated, secure, and performing at peak efficiency as web standards evolve.
• Rapid Response: Addressing any visual or functional inconsistencies that arise as new content types are introduced by the editorial team.