Freelancers using WP EngineFreelancers using WP Engine
ProjectsPeople
Peter Alvarez's avatar
Peter Alvarez
East Providence, USA
Web Dev & Wordpress Expert | 20 Years Experience
$1k+
Earned
2x
Hired
5.0
Rating
23
Followers
Web Dev & Wordpress Expert | 20 Years Experience
Cover image for Interior Decorating NE Website Hosting & Management
Interior Decorating NE Website Hosting & Management
0
21
Cover image for StrandRx - Enterprise SaaS Application
StrandRx - Enterprise SaaS Application
0
132
Cover image for Rhody Web Development - Web Design & Development
Rhody Web Development - Web Design & Development
0
31
Cover image for Interior Decorating NE - Lead Generating Campaign
Interior Decorating NE - Lead Generating Campaign
0
18
WP Engine(1)
Ashraf DEV's avatar
Ashraf DEV
Kot Addu, Pakistan
Conversion-Focused Website Design. Built to Scale.
1x
Hired
5.0
Rating
12
Followers
Conversion-Focused Website Design. Built to Scale.
Cover image for Lead-Capturing Landing Page for GetStarvy
Lead-Capturing Landing Page for GetStarvy
0
8
Cover image for Real Estate Landing Page using Elementor
Real Estate Landing Page using Elementor
0
14
Cover image for Redesigned eCommerce Website for Increased Sales
Redesigned eCommerce Website for Increased Sales
0
8
Cover image for Redesigned Business Website for Enhanced Brand Image
Redesigned Business Website for Enhanced Brand Image
0
9
WP Engine(1)
Arsalan Abbas's avatar
Arsalan Abbas
proKarachi, Pakistan
Building high-performance products for ambitious startups
New to Contra
Building high-performance products for ambitious startups
Cover image for CARU Pet Food - Premium
CARU Pet Food - Premium Pet Nutrition Website Designed and developed a modern, engaging website experience for CARU Pet Food, a premium pet nutrition brand focused on functional food made with human-grade ingredients and a homemade taste. The experience was built around helping pet parents easily discover products for their dogs and cats while communicating CARU’s brand story, ingredient philosophy, and commitment to quality. Key features: Dog & cat product discovery Product category navigation Stews, broths, smoothies, and treats Best-selling product showcase Product-focused content sections Brand story and founder storytelling Ingredient and nutrition information Where-to-buy experience Local and online retailer discovery FAQ and contact sections Responsive, mobile-friendly design Strong visual storytelling and brand-focused UX Goal: Create a warm, trustworthy, and visually engaging digital experience that connects pet parents with CARU’s products while making product discovery and purchasing pathways simple and intuitive.
0
248
Cover image for 🚀 Project Update: CloudPuff Sanctuary
🚀 Project Update: CloudPuff Sanctuary (Phase 2) Project: CloudPuff Plushies — E-Commerce Experience Role: Lead Full-Stack Engineer & UI/UX Product Architect Milestone: Platform Release v1.2 Status: Completed & Live in Development Stack: Next.js 15 · React 19 · TypeScript · Vanilla CSS · Web Audio API 📣 Milestone Overview This milestone evolved CloudPuff Sanctuary from a visually engaging storefront into a more complete e-commerce experience with interactive shopping features, role-based dashboards, and seamless guest-to-account data synchronization. The primary focus was on improving customer engagement, account architecture, security, personalization, and overall UX while keeping the codebase modular and performant. Key Deliverables Interactive storefront and custom plushie experience Customer and administrator dashboard separation Guest wishlist functionality with account synchronization Enhanced authentication and admin security Interactive shopping and personalization features Responsive, lightweight frontend architecture 🧸 1. Interactive Storefront Experience Built a highly interactive storefront designed around the brand's playful customer experience. Key features include: Interactive Plushie Customizer: Real-time customization of fur colors, aromas, accessories, and engraved tags. Mood Matcher: Recommends plush companions based on the visitor's selected mood. Size & Hug Comparison: Interactive visual comparisons to help customers understand product dimensions. Cloud Hop Arcade: HTML5 Canvas mini-game with reward-based shopping incentives. Adoption Certificates: Generates personalized post-purchase certificates with registry information and print/PDF-friendly formatting. Web Audio Interactions: Custom audio feedback for selected UI interactions, product actions, and ambient experiences. 🛡️ 2. Dual-Persona Dashboard Architecture The dashboard was restructured around two distinct experiences: Customer Cuddle Hub Profile and identity management Orders and adoption registry Wishlist Billing and saved payment information Notifications Account/session management Sanctuary Shop Command Center Inventory management Fulfillment and dispatch Revenue and operational KPIs Store governance Administrative security Customer-facing preview Security & UX Improvements Strict role-based access controls Administrative features isolated from customer accounts Dedicated TOTP/2FA management for administrators Independent billing and notification sections Device/session management Cleaner navigation with deep-linked dashboard tabs This keeps the customer experience simple while providing administrators with the tools they need to operate the platform. 💖 3. Guest-to-Account Wishlist Sync A major focus of this milestone was removing friction from wishlist functionality. Visitors can save products without creating an account first. The system then: Stores guest wishlist selections locally. Preserves selections through registration/login. Merges guest and account wishlists automatically. Removes duplicate products during synchronization. Updates open browser tabs through cross-tab events. The authenticated dashboard then provides a dedicated wishlist experience with: Saved products Bulk "Adopt Whole Squad" cart action Wishlist sharing Product ratings Direct shopping navigation 🛠️ Technical Architecture Layer Technology Implementation Framework Next.js 15 App Router, dynamic routes, client components Frontend React 19 Modular component architecture Language TypeScript Strict typing across models, contexts and components Styling Vanilla CSS Semantic tokens, responsive layouts, themes Audio Web Audio API Custom UI sound synthesis State React Context Auth, Cart, Theme and Sound contexts Sync Browser Storage/Events Guest persistence and cross-tab synchronization The implementation prioritizes modularity, type safety, performance, and minimal frontend overhead. 📊 Results Improved Customer Experience Guests can immediately save products without encountering an authentication barrier. Better Operational Separation Customers and administrators receive purpose-built interfaces with appropriate permissions and workflows. Stronger Account Continuity Wishlist data is preserved when users transition from guest browsing to registered accounts. Lightweight Frontend The custom CSS architecture avoids unnecessary UI-library overhead while maintaining responsive layouts and rich interactions. Maintainable Codebase Features are organized into reusable components, typed models, context providers, and isolated functionality to support continued development. 🔮 Next Development Opportunities Planned enhancements include: Automated SMS delivery notifications Multi-currency support AR-based plushie previews using WebXR Further personalization and engagement features This milestone establishes a stronger foundation for CloudPuff Sanctuary to evolve from an e-commerce storefront into a more personalized and interactive digital shopping platform.
0
33
Cover image for Building a Dreamy Kawaii E-Commerce
Building a Dreamy Kawaii E-Commerce Store with Squish Physics & Ambient Soundscapes ☁️🧸 Hey Contra community! 👋 I’ve been designing and developing CloudPuff, an interactive, joy-first e-commerce experience for plushie lovers. Instead of another cookie-cutter shop, I wanted every interaction to feel tactile, cozy, and playful. What I’ve built so far: Interactive Squish Physics: Spring animations, squeeze physics, and tactile micro-interactions on hover and click. Custom Plushie Studio (/customizer): Real-time workshop to build custom plushies (fur tone, scent selection, embroidered collar tags). Web Audio Soundscapes: Built-in soothing ambient lullaby chime, squish FX, and audio feedback. In-Page Real-World Size Guide: Visual comparison against everyday objects (coffee mug, 13" laptop, sleeping house cat, pillows). Adoption Registry & Live Tracker: Official printable birth certificates and a simulated live cuddle courier radar. Day & Twilight Night Mode: Custom dual-palette design system built purely in Vanilla CSS & Next.js. Looking for your feedback: Do you prefer the dreamy pastel cotton candy aesthetic or the deep twilight glassmorphism? What’s missing? If you were adopting a plushie buddy, what delight feature or micro-interaction would make you say "take my money"? Drop your thoughts or suggestions below. I’d really appreciate your critique! 👇✨
3
2
158
Cover image for Status: 🚧 Active Development (Work in
Status: 🚧 Active Development (Work in Progress) Platform: iOS & Android (Cross-Platform Mobile Application) Executive Summary FitMind AI (FM AI) is an elite, dual-sided mobile ecosystem engineered to bridge the gap between AI-driven athlete biometrics and high-performance human coaching. Most modern fitness apps rely on static, cookie-cutter PDF routines or generic algorithmic chatbots that ignore real-time human physiology. FM AI changes this paradigm by synthesizing live telemetry from wearable sensors (Whoop 4.0, Apple Watch, Garmin) into adaptive daily training, nutrition formulas, and real-time video form analysis, backed by a comprehensive Coach Command Center with intake CRM, split builders, and royalty monetization. > The Problem & Vision i) The Problem Disconnected Biometrics: Wearables gather massive amounts of sleep and HRV data, yet athletes still blindly follow fixed workout splits regardless of central nervous system (CNS) fatigue or recovery deficits. ii) Siloed Coaching Workflows: Remote coaches juggle WhatsApp for messaging, Google Sheets for workouts, Loom for video reviews, and Stripe/PayPal for billing. iii) Lack of Visual & Interactive Fidelity: Fitness apps often feel like utilitarian databases rather than dynamic, motivating athletic dashboards. The Solution: FitMind AI FM AI delivers a cohesive, glassmorphic dark-mode mobile experience featuring: i) An Athlete Mode that automatically adapts workout load, sets, and RPE based on overnight recovery and daily readiness. ii) A Coach Mode offering an agency-grade mobile CRM to prescribe routines, review video form checks with visual cues, manage inbound orders, and host 1-on-1 consultations. > Key Architectural Highlights & Features 1. Dual-Sided Executive Bento Grid Interface i) Athlete Dashboard: Features an interactive glassmorphic Bento HUD displaying real-time Whoop recovery scores, day streak gamification, FM Coin treasury rewards, and contextual daily workouts. ii) Coach Command Center: Instantly toggle between Client and Coach modes with a single tap. Coaches get real-time client roster vitals, pending intake orders, video submission queues, and quick-launch links to the Web Command Studio. iii) Custom Glassmorphism Design System: Built from the ground up using expo-blur and multi-stop linear gradients, featuring floating pill navbars with bottom blur curtains and ambient LED edge glows. 2. Live Biometric Synchronization & Intelligent Readiness i) Tracks Heart Rate Variability (HRV), resting heart rate, sleep cycles, and daily strain to calculate an AI Recovery Score (0–100%). ii) Dynamically calibrates prescribed workout weights, volume, and rest timers in real-time (e.g., dialing down squat volume when recovery is sub-50% or recommending heavy progressive overload on high-recovery days). 3. Coach Studio & Athlete Management CRM i) Multi-Day Split Builder: Interactive workout generator with RPE targets, tempo notation (eccentric/pause/concentric), and exercise tutorial integrations. ii) Custom Meal & Macro Formula Prescriber: Coaches can prescribe targeted daily caloric targets and macronutrient distributions (protein/carb/fat) with instant push notifications to the athlete. iii) Video Form Checks: Video submission pipeline allowing coaches to review athlete lift execution and return feedback cues. iv) Team Coaching & Royalties: Multi-tier agency support allowing head coaches to oversee sub-coaches and track monthly sales volume and royalty splits. 4. FM AI Adaptive Music Engine i) Biometrically reactive soundscape player with a floating, animated mini-player. ii) Automatically surfaces high-tempo, energetic playlists based on the current workout block (warmup, working sets, PR attempts, cooldown). Technical Stack & Implementation Framework: React Native, Expo SDK (Managed Workflow with Custom Plugins) Navigation: Expo Router v3 (File-based typed routing, nested layouts, modal stacks) Language: TypeScript (Strict mode, end-to-end type safety for orders, biometrics & threads) UI & Animations: React Native Reanimated 3 (60fps spring physics, enter/exit transitions, pulse glows) Aesthetics & Glass: Expo Blur (BlurView), Expo Linear Gradient, Custom HSL Dark Palettes Hardware Integrations: Device sensor access, camera intake for AI food and form scanning Media & Audio: Expo AV / Sound Engine, Expo Image for cached high-performance media delivery 📈 Ongoing Work & Upcoming Milestones (WIP)  Core athlete tracking engine and gamified coin reward economy.  Dual-dashboard switching (Athlete Mode ↔ Coach Command Center).  Glassmorphic Bento Grid navigation & responsive floating dock.  Coach routine builder and macro prescription protocol.  In Progress: On-device computer vision for real-time rep velocity tracking (VBT).  In Progress: Stripe Connect integration for automated subscription billing and instant coach payouts.  Upcoming: Apple HealthKit & Whoop API direct background background sync. 💡 Why This Project Demonstrates Product & Engineering Mastery This project showcases the ability to architect complex state hierarchies, manage dual-persona authorization flows, design production-grade UI/UX that rivals top-tier Silicon Valley consumer apps, and build cross-platform mobile software optimized for performance and aesthetic appeal.
2
1
169
WP Engine(1)
Muhammad Abubaker's avatar
Muhammad Abubaker
Islamabad, Pakistan
Web Developer – Turning designs into responsive websites
New to Contra
Web Developer – Turning designs into responsive websites
Cover image for Enterprise IT Website & Conversion
Enterprise IT Website & Conversion Engine The Challenge: The client's original website was suffering from slow performance, lacked a professional structure for their enterprise services, and had no proper lead tracking to capture B2B inquiries. The Solution: Performance Overhaul: Rebuilt the site from the ground up using WordPress, optimizing code and asset delivery to ensure lightning-fast load times. Strategic Lead Capture: Engineered a seamless lead-tracking system that captures inquiries directly through the site, turning passive visitors into actionable leads. Custom Enterprise UX: Developed custom plugins and a clean UI layout to showcase their "Harmony Suite" packages clearly and effectively. SEO-Driven Structure: Implemented tailored SEO strategies to increase visibility and brand authority within the UAE enterprise market. The Result: A high-performance, conversion-ready website that effectively showcases their IT solutions and captures leads with precision.
1
114
Cover image for Website landing page for Cooperate
Website landing page for Cooperate Business Just wrapped a high-end corporate landing page concept for a strategic consulting firm. Built entirely in React. What's inside: → Dark navy + gold design system with Playfair Display & Inter typography → Animated CSS geometric hero visual (zero images) → Scroll-reveal animations on every section → Services grid, process timeline, testimonials, and email CTA → Fully responsive with glassmorphism nav This is the kind of work I bring to every project — intentional design, clean code, and attention to detail that makes a brand feel premium. 💼 Available for web design & development projects.
1
96
Cover image for Tech Agency Portfolio & Insight
Tech Agency Portfolio & Insight Hub To effectively showcase my professional services and technical expertise, I built my own agency-grade portfolio website from the ground up. This platform serves as a central hub for my business, combining a service-oriented interface with a robust knowledge base to connect with potential clients. What I Did: Modern Full-Stack Architecture: Built using React for a dynamic, lightning-fast frontend and Nest.js for a scalable, efficient backend, ensuring the site is as high-performance as the work I deliver to my clients. Comprehensive Service & Project Showcase: Designed a dedicated section to detail my specific service offerings, complete with an organized project portfolio and deep-dive case studies that illustrate how I solve real business problems. Integrated Blog/Insight Hub: Developed a custom blog page to share industry insights, technical tutorials, and updates, establishing authority and providing ongoing value to visitors. Conversion-Focused UX: As seen in 967shots_so.jpg, the design features a streamlined, multi-step consultation request flow, making it incredibly easy for leads to reach out and start a project. Professional Workflow Visibility: I included a clear "How We Work" section to show prospective clients exactly what the process looks like, from discovery and planning to deployment and support, building immediate trust. This platform is more than just a resume—it’s a living example of my technical skills in action. By combining a clean, modern user interface with a powerful, data-driven backend, I’ve created a professional environment that effectively converts visitors into partners and demonstrates my commitment to delivering scalable, high-quality digital solutions.
0
87
Cover image for Custom Harmony Cost Calculator Plugin To
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.
0
93
WP Engine(1)
Erwin Austria's avatar
Erwin Austria
Parañaque, Philippines
GoHighLevel Funnels, CRM & Automation Specialist
New to Contra
GoHighLevel Funnels, CRM & Automation Specialist
Cover image for WordPress Website with GoHighLevel CRM
WordPress Website with GoHighLevel CRM Integration Designed and developed a professional WordPress website for a utility services contractor, focused on showcasing services, generating leads, and streamlining customer inquiries. The project included custom page design, service-focused layouts, GoHighLevel form integration, and live chat widget implementation to create a seamless lead capture experience. The website was built to improve user engagement while ensuring all inquiries were automatically routed into the client's GoHighLevel CRM for follow-up and nurturing.
0
89
Cover image for WordPress & GoHighLevel Lead Capture
WordPress & GoHighLevel Lead Capture Integration System Built a custom integration system connecting a WordPress website with GoHighLevel using inbound webhooks and automated workflows. The system was designed to automatically capture leads from multiple website forms, create contacts inside the CRM, assign records to team members, trigger notifications, process inquiries, and enroll contacts into appropriate automation sequences. Several independent workflows were implemented to support different lead sources and business objectives, ensuring every inquiry was routed to the correct process without manual intervention.
0
41
Cover image for Lead Generation Funnel for New
Lead Generation Funnel for New Construction Mentorship Program Built a high-converting GoHighLevel landing page for a new construction training and mentorship program. The project included a custom-designed sales page with a clear offer structure, CTA-focused layout, lead capture elements, and mobile-responsive design. The page was optimized to guide visitors through the program benefits, increase engagement, and generate qualified leads for enrollment.
0
95
Cover image for Automated Recruitment & Applicant Tracking
Automated Recruitment & Applicant Tracking System (ATS) in GoHighLevel Built a fully automated recruitment and applicant management system for a growing organization using GoHighLevel. The system was designed to streamline the entire hiring process from application submission through interview scheduling, candidate communication, talent pool management, and application status updates. Multiple workflows were connected to automate each stage of the recruitment journey, reducing manual administrative work while ensuring a consistent and professional candidate experience. The solution included applicant intake automation, interview scheduling workflows, reminder sequences, talent pool management, rejection workflows, and internal recruitment notifications.
0
35
WP Engine(1)
Richard Uy's avatar
Richard Uy
New York, USA
Senior Full-stack Developer & Digital Strategist
Senior Full-stack Developer & Digital Strategist
Cover image for MOCJ Website Redesign Project
MOCJ Website Redesign Project
0
4
Cover image for Curcio Law Brand and Website Development
Curcio Law Brand and Website Development
0
3
Cover image for ONS Website Launch Project
ONS Website Launch Project
0
4
Cover image for Closing Rikers Website Redesign and Development
Closing Rikers Website Redesign and Development
0
4
WP Engine(1)