Projects using Tailwind CSS in IslamabadProjects using Tailwind CSS in IslamabadCustom 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. Designed a modern and premium dashboard interface for Nexora Fund, a smart investment platform built around a Unilevel MLM compensation plan. The design emphasizes a clean user experience, intuitive navigation, and real-time financial insights while maintaining a secure, professional appearance.
The promotional artwork highlights the dashboard with minimal text, allowing the interface to remain the focal point. A dark-themed color palette with blue and purple accents reinforces the platform's technology-driven identity and creates a modern fintech aesthetic.
Key Features:
Modern dark UI with premium fintech styling
Investment package management
Daily ROI tracking
Deposit and withdrawal modules
Referral and sponsor link management
Team and network overview
Transaction history and capital portfolio
Responsive, user-friendly dashboard layout
The overall design is focused on clarity, trust, and ease of use, helping users monitor investments, manage their network, and track earnings from a single, intuitive dashboard. The promotional banner complements the interface by presenting the dashboard in a clean, visually engaging format with minimal text, making it suitable for websites, social media, and marketing campaigns. Wanderly — Bespoke Travel Itineraries · Web
Wanderly is an elite, interactive digital travel concierge theme built to simulate the premium workflows of luxury global travel planning. Tailored for high-end boutique agencies and bespoke itinerary planners, the platform merges rich editorial content with complex interactive utility, transforming passive destination browsing into a highly engaging, immersive digital reservation journey.
The user interface features a sophisticated, spacious layout organized around fluid motion patterns and content blocks. Emphasizing a modern, multi-column structural hierarchy, Wanderly relies on intentional white space, meticulous typography scaling, and subtle micro-interactions. Every UI element is engineered to evoke a feeling of effortless wanderlust while keeping navigation crisp and highly intuitive.
Built with a utility-first approach using Tailwind CSS and native JavaScript architectures, the frontend focuses on extreme code efficiency. The platform is performance-optimized to maintain lightning-fast core web vitals, incorporating lazy-loaded responsive media subsets and rigid layout shift mitigations to ensure a flawless user experience across all devices.
Website: wanderly.jawadiftikhar.com (http://wanderly.jawadiftikhar.com)
