<aside> 💡

Role: Lead Frontend Engineer

Scale: 10,000+ SKUs | Multi-Role Access

Tech Stack Breakdown: Liquid, JavaScript (ES6+), SCSS, JSON

</aside>

1. Modular Theme Architecture (Client Autonomy)

Solved the problem of "Client dependency on developers for minor UI changes".

• Code-Free Visual Editor:

  • I re-architected the Shopify theme using Modular Liquid Sections. This allows the marketing team to drag-and-drop layouts, toggle features, and customize UI styles via the Shopify Editor without touching a single line of code.
  • Impact: Reduced frontend maintenance requests by 60%, enabling non-technical staff to launch landing pages independently.

• Dynamic Breadcrumb Navigation:

  Dynamic Breadcrumb Navigation

  Dynamic Breadcrumb Navigation

  • Implemented logic-aware breadcrumbs to help users navigate the deep hierarchy of a 10,000+ product catalog, improving site traversability and SEO structure.

2. High-Performance Catalog Engine

Solved the problem of "Discoverability issues with a massive inventory".

• Advanced Search & Filtering:

  Advanced Product Filtering & Sorting

  Advanced Product Filtering & Sorting

  • Built a custom Fuzzy Search algorithm to handle typos and partial matches for complex industrial part numbers.
  • Developed a multi-faceted filtering system (Sort/Filter) capable of handling 10k+ SKUs instantly, allowing users to drill down by specs, availability, and category.

• Custom B2B Registration Flow:

  • Designed a tailored onboarding form that captures business-specific data points, streamlining the verification process for wholesale accounts.

3. Role-Based Access Control (RBAC) & Logic

Solved the problem of "Serving different content to Guests, Members, and Employees on the same interface".

• Conditional Content Rendering:

storeFront3-ezgif.com-gif-maker.mp4

For Members: Implemented gatekeeping logic to show exclusive Technical Manuals (PDFs) only to verified members, hiding them from guest traffic.

• For Employees (Internal Tooling): Built a hidden "Staff Communication Layer" directly on the product page. Logged-in employees can see internal notes and collaborate on product details without leaving the storefront.

• Smart Tax Exemption:

  

  • Engineered a cart-level script that automatically detects customers with specific Tax-Exempt Tags. It dynamically recalculates totals and removes tax line items, automating a previously manual accounting task.

• Cart Workflow Enhancements:

  • Added a "Special Instructions" module in the cart, allowing customers to attach specific shipping or handling requests, which syncs directly to the fulfillment dashboard.