// ROLE: WEBSITE BUILDER & FRONT-END

I turn desings into lean, lightning-fast WordPress builds.

Most page builder sites suffer from bloated DOMs and sluggish load times. I build with Divi, Elementor, and custom front-end code using clean architecture, rigorous QA, and Google UX standards.

Google UX Design Certified 10+ Yrs Web Architecture Core Web Vitals Specialist
01 / RECENT IMPLEMENTATIONS

Production sites built for speed and client autonomy.

PROJECT_01

PideFlores E-Commerce

High-volume floral e-commerce platform. Overhauled the product catalog, responsive checkout flow, and custom cross-selling logic.

BUILD:WordPress + Custom CSS/PHP
PERFORMANCE:95+ Desktop / 90+ Mobile
RESPONSIVE:Figma → Clean Breakpoints
Inspect Live Platform ↗

/* WPO: Stripping builder bloat & optimizing LCP */

add_action('wp_enqueue_scripts', function() {

wp_dequeue_style('unneeded-bloat-styles');

wp_script_add_data('divi-bundle', 'defer', true);

}, 99);

// Result: <1.4s Largest Contentful Paint

PROJECT_02

Institutional Portal

Corporate compliance portal with custom file retrieval. Engineered a modular CMS structure that lets non-technical staff publish without breaking layout guidelines.

BUILD:WordPress CMS + Semantic HTML5
SEO IMPACT:+50% Organic Search Visibility
ACCESSIBILITY:WCAG AA Standards
Inspect Live Platform ↗
[x] Clean Semantic Structure (Strict H1-H4 hierarchy)
[x] Zero Layout Shifts (CLS < 0.05)
[x] Lightweight Typography Stacks
[x] Self-Service Client Dashboards
02 / TOOLKIT & CAPABILITIES

Not just a theme installer. A developer-minded builder.

// 01 CMS & BUILDERS
  • WordPress Core: Theme overrides, Child Themes, Hook system.
  • Divi & Elementor: Complex section architecture, reusable global components.
  • WooCommerce: Custom checkout fields, conversion-optimized funnels.
// 02 FRONT-END PRECISION
  • Modern CSS: CSS Grid, Flexbox, Fluid Typography (`clamp()`), Custom Animations.
  • JavaScript (ES6): Micro-interactions, API integrations, DOM event listeners.
  • PHP & LAMP: Template hierarchy modification, SQL performance sanity.
// 03 QA & AGENCY OPS
  • Core Web Vitals: Script deferral, WebP assets, cache headers, Lighthouse 90+.
  • Figma to Browser: 1:1 pixel parity, strict spacing token adherence.
  • Collaboration: GitHub, Asana/ClickUp, Slack, Deel-contract ready.
// THE PRE-LAUNCH STANDARD

"How I ensure your agency never delivers a broken layout."

A.

Cross-Browser Verification

Thorough testing in Safari (iOS/macOS), Chrome, and Firefox before moving cards to "Review".

B.

Mobile Breakpoint Integrity

No unexpected horizontal scrolling, broken line-wraps, or unclickable touch targets on small screens.

C.

Asset Weight Governance

All images converted to WebP, fonts loaded efficiently, zero redundant plugins slowing down admin or front-end.

D.

Clear Team Handoff

Detailed notes for writers, SEOs, and project managers so everyone knows where custom fields and copy live.

// FAST HIRING CONVERSATION

Let's talk about your open builds.

Ready to interview in English and complete a live Divi/Front-end test project.