|
I bridge web development and marketing to drive measurable growth — faster pipelines, better systems, real results.
About Me
John Mark Dote Papelirin
Bridging web technology and marketing operations to drive real business growth
The Foundation
BS Computer EngineeringComputer Engineering background gives me the technical depth to build what most marketers can only describe — and understand what’s actually possible at the code level.
The Shift
Tech + MarketingCode alone doesn’t grow businesses. I combined full-stack development with marketing strategy to become a single operator who handles both sides of the growth equation.
The Stack
Full-Stack + GTMNext.js, WordPress, and Shopify for web. Lead pipelines, social media, and ad creation for acquisition. Everything a US small business or agency needs to grow — in one operator.
The Work
US ClientsDelivered web systems, lead generation pipelines, and marketing operations for US clients — saving time, cutting overhead, and generating qualified opportunities.
The Edge
One OperatorSmall businesses and agencies get an operator who handles web, leads, and marketing as one unified system — not three separate vendors billing separately.
What I Do
Three service areas, one operator. Built for US small businesses and agencies.
Web Operations
Fast, conversion-ready web infrastructure
- Next.js & React Apps
- WordPress Custom Themes
- Shopify E-Commerce Stores
- Stripe Payment Integration
- Firebase Backend & Auth
- Zapier & CRM Automation
Lead Gen & Outreach
Qualified pipelines for US small businesses
- Prospect List Building
- Google Maps & Directory Research
- Contact Verification
- Landing Pages & Lead Capture
- Conversion Funnel Setup
- Outreach Campaign Support
Marketing Operations
Content and campaigns that build authority
- Social Media Management
- TikTok Ads & Short-Form Video
- Content Strategy & Scheduling
- Analytics & Performance Reports
- AI-Assisted Content Workflows
- Brand Consistency & Messaging
Featured Projects
Real builds. Real outcomes. Not just code — results.
SharingEdge
GPT-powered SaaS idea evaluator — built to validate concepts and monetize user engagement from day one with live Stripe payments.
Full SaaS with AI-powered flows and live payment processing
YouTubeTruckers
Audience engagement platform with YouTube API integration — drove repeat community interaction through a custom voting and ranking system.
Increased repeat visits via live API-connected voting features
Best Carpet Installers Near Me
Local SEO-optimized directory site that converts organic search traffic into qualified service leads for carpet installation businesses.
Generates local service leads with zero paid ad spend
Cross-Cultural Chat
Real-time Firebase-backed chat application for international community connection — secure Google auth and instant messaging.
Scalable real-time infrastructure ready for global user onboarding
Client Work
Real projects. Real results. Real clients.
Virtually Hana
Social Media ManagerDesigned and developed a full portfolio website for Hana — a results-driven Social Media Manager. The site showcases her services, packages, client testimonials, and portfolio work with a modern, conversion-focused design.
- Service & pricing showcase
- Client testimonials section
- Portfolio gallery
- Booking/contact integration
Better Man HQ
Men's Coaching & Mindset PlatformBuilt a bold, high-impact website for Better Man HQ — a tough-love coaching platform for men focused on discipline, financial independence, and brotherhood. Designed to convert visitors into action-takers.
- Strong brand identity & messaging
- Coaching services showcase
- Community & brotherhood section
- Lead generation & contact funnel
Britannia Defender Group
Land Rover Restoration CompanyDeveloped a premium website for Britannia Defender Group — a specialist restorer of classic Land Rover Defenders based in London. The site blends timeless British aesthetics with a modern, performance-driven presentation.
- Premium restoration showcase
- Vehicle gallery & philosophy page
- British craftsmanship branding
- Contact & enquiry integration
Game Dev
Where code meets creativity — pushing the limits of the web.
Stranger Things: Multiplayer Exploration
Three.js · ExperimentalA 3D multiplayer exploration game built with Three.js, inspired by the Stranger Things universe. Features real-time multiplayer with Google sign-in, a first-person perspective, and a dual-world environment — the Normal World and the Upside Down.
- Real-time multiplayer exploration
- First-person 3D controls (FPS)
- Google sign-in & progress saving
- Normal World & Upside Down environments
My Process
Most projects I build are coded from scratch — here's how it goes.
Code in VS Code
Most projects start from scratch — no page builders, no drag-and-drop. Clean, handwritten code in VS Code using Next.js, React, and TypeScript for full control over performance and design.
Responsive Testing
Every layout is tested across mobile, tablet, and desktop viewports using browser DevTools and real devices to make sure it looks sharp on every screen.
Unit Testing
Core components and logic are covered with unit tests to catch bugs early and keep the codebase reliable as the project grows.
Push to GitHub
Code is version-controlled and pushed to GitHub with a clean commit history. Branching keeps features isolated and the main branch always deployable.
Deploy to Vercel
Deployment is seamless via Vercel — automatic CI/CD on every push, instant preview URLs for client review, and lightning-fast global CDN delivery.
Domain Setup
Domain config depends on the client. GoDaddy, Namecheap, Google Domains — whatever they have, I handle the DNS setup and get the site live with SSL.
Most sites I build are custom — no page builders, no shortcuts. Just clean code that performs.
Experience
Lead Generation Specialist
Researched and identified qualified residential and commercial leads across Florida.
Built targeted prospect lists using Google Maps, online directories, and social media.
Verified contact information including phone numbers, emails, and business details.
Conducted market research to identify high-potential areas for lighting services.
Organized and maintained lead lists in spreadsheets for outreach.
Supported client's marketing and sales efforts with accurate, high-quality leads.
Web Developer & Automation
WordPress development and customization
Building automation workflows and integrations
Full-stack web development solutions
Technical consulting and implementation
Freelance Technical Virtual Assistant
Web development using Ontraport CRM platform
Automation workflows with Zapier integration
Technical support for US-based clients
System optimization and maintenance
SEO Intern
Fixed 404 errors and broken links
Optimized internal link structure
Compressed and optimized images
Conducted data mining and analysis