Skip to content
Rejuanul IslamFull Stack Developer / AI Engineer

CapByPass

Scraping infrastructure landing page, Jul 2024

CapByPass is a premium scraping infrastructure provider that sells CAPTCHA solving services (hCaptcha, ReCaptcha, FunCaptcha, Kasada) on a per request pricing model. The client needed their Figma design translated into a fast, fully responsive marketing site that could communicate a fairly technical product to a broad audience without losing clarity.

Year
Jul 2024
Role
Frontend development, Figma to HTML
Client
CapByPass
Services
Figma to HTML, Frontend, App screens, Responsive build
Technology
HTML5, CSS3, Bootstrap, JavaScript

Overview

I took the project from static design files to a production ready front end, building out the full landing experience along with the supporting flows: login, signup, dashboard and referral pages. June to July 2024.

The challenge

A scraping product is easy to over complicate. The design carried a lot of density: a multi CAPTCHA pricing section with tabbed categories, per 1000 request cost breakdowns, feature grids, testimonials and trust indicators. The goal was to keep all of that scannable and quick to load while staying pixel accurate to the Figma source and holding up cleanly across screen sizes.

What I built

  • Pixel accurate conversion

    Semantic, hand written HTML and CSS from the Figma source.

  • Tabbed pricing

    Switches between ReCaptcha, FunCaptcha, Kasada and hCaptcha with per request cost and speed indicators.

  • Feature grid

    Resource management, productivity, collaboration, reporting, inventory and workflow benefits.

  • App screens

    Login, signup, dashboard and dashboard referral pages.

  • Social proof hero

    Customer avatars, rating and a trusted by logo row.

  • Fully responsive

    Tuned for mobile, tablet and desktop.

Development

HTML5, CSS3, Bootstrap and vanilla JavaScript. I kept the build dependency light to prioritise load speed and easy handoff, using Bootstrap for the responsive grid foundation and custom CSS for everything design specific.

Process

I worked directly from the Figma files, matching spacing, type and component behaviour to the design intent rather than approximating it. Interactive pieces like the pricing tabs were wired up in JavaScript so the section stays compact instead of dumping every plan on screen at once. Each page was tested across breakpoints before handoff.

Results

A visually polished, fast loading, fully responsive marketing site that matches the brand's technical, modern positioning. The client received a clean, well structured codebase covering the landing page and core app screens, ready to plug into their platform.

Final product

Technologies

  • HTML5
  • CSS3
  • Bootstrap
  • JavaScript

Next project

BuyerLoop

AI SaaS product, 2026

BuyerLoop dashboard showing qualified leads and the AI agent editor