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
Links
Next project
BuyerLoop
AI SaaS product, 2026
