Custom Harmony Cost Calculator Plugin
To help potential enterprise clients better understand their needs and get instant pricing estimates, I built a bespoke calculator from the ground up. Instead of using a generic tool, I developed a custom WordPress plugin that allows for better scalability, easier updates, and seamless integration with the client's existing CRM.
Built a Multi-Step User Experience: I designed a guided, step-by-step flow that collects detailed business information, current technical infrastructure (including PBX, gateways, and middleware), and specific license requirements.
Custom Calculation Logic: I implemented dynamic math logic that calculates both monthly and annual costs in AED based on the quantities and licenses selected by the user.
Advanced Lead Integration: The plugin doesn't just display numbers; it automates the sales process by sending automated notifications to the EMW sales team, emailing confirmations to the customer, and pushing all lead data directly into Zoho CRM.
User-Centric Design: As seen in 563shots_so.jpg, I ensured the interface is clean, mobile-responsive, and matches the EMW corporate branding, providing a modern experience that builds trust with enterprise buyers.
Complex Data Handling: I created a system to handle a wide range of technical inputs—from current phone brands and analog ports to middleware solutions—ensuring that every estimate is based on the client's actual environment.
This tool acts as a 24/7 digital sales consultant. It removes the friction of waiting for a quote, qualifies leads by capturing deep technical data, and provides potential clients with an immediate, transparent view of what the Harmony solution costs for their specific business.
I've been quietly building landing page templates. Six are out today, each with its own brand, its own type pairing and one interaction it's built around:
→ Aurel: a skincare brand with a WebGL serum drop that bulges toward your cursor
→ Ferro Type: a type foundry where the hero word bends its weight and width under the pointer
→ Meridian Expeditions: contour maps that redraw themselves as you switch routes
→ Oda: an architecture studio whose timber cabin draws itself, with a live sun study
→ Relay: a dev tool where the editor types a workflow and the run graph executes it live
→ Signal: a mission-control SaaS with a live infrastructure graph that contains threats as they flare
Built to be edited with AI. Every template ships with a README, a DESIGN.md and an AGENTS.md, so Claude, Cursor or whatever assistant you use changes it the way it was built, not the way it guesses.
Ferro Type is the one I would open first. Bending a variable font under the pointer re-lays out the text every frame, which is a much bigger bill than it looks, and stepping the weight in a few fixed increments is usually what keeps it smooth on a laptop that is not plugged in....
A premium motorsport hospitality brand needed a site that feels as fast as a race weekend and still works as a sales tool.
I designed and built it in Webflow:
• A CMS event engine the client runs themselves (series → events → packages)
• Package options and occupancy-based pricing that adapt to each event
• An events calendar you can filter by series and country
• Bento layouts and animated series cards that stay light
• Zoho Bookings for inquiries
It launched on its custom domain ahead of the race deadline and started capturing qualified inquiries right away.