---
title: "Hellgate: Payment Infrastructure Website | AGR Studio"
description: "AGR Studio designed and built Hellgate's launch website in Framer in three weeks: programmable payment infrastructure on a dark, confident stage."
url: https://agr.studio/projects/hellgate
language: en
---

[Projects](https://agr.studio/projects) Fintech / Payments Infrastructure · 2023

# Hellgate

Make the plumbing shine.

[Visit website](https://hellgate.io/)

![Hellgate cover image by AGR Studio](https://cdn.sanity.io/images/coun0bog/production/ffa4933e02f20f66398f29e612fbcb8c5b531035-1059x1200.jpg?w=1600&q=82&auto=format)

Hellgate is a fintech company building programmable payment infrastructure. We designed and built its launch website in Framer, from brief to live in three weeks.

Client: Hellgate
Based in: Ulm, Germany
Industry: Fintech / Payments Infrastructure
Year: 2023

Services: -   Web Design
-   Framer Development
-   Dark Theme
-   Custom Animations

Tech stack: -   Framer
-   Custom Animations
-   Custom Code

From brief to launch: 3 weeks

## The insight

### Nobody wants their payments locked in

Businesses that take payments at scale juggle payment providers, acquirers, routing rules, 3D Secure and PCI DSS compliance. Once that stack is wired in, changing any part of it hurts, so many stay with what they have. Hellgate offers a way out: programmable infrastructure that lets a business automate payment flows, route transactions and work with any provider through one integration, so it owns its payments instead of renting them.

![Hellgate website, image 2, by AGR Studio](https://cdn.sanity.io/images/coun0bog/production/920a3ca9fd6582dd97baec7b18d6752f3304b3bb-1765x2000.png?w=1600&q=82&auto=format)

## The challenge

### Infrastructure has nothing to screenshot

Payment infrastructure is hard to show on a homepage. There is no app to admire, only APIs, SDKs and compliance. Hellgate needed a website that would win the trust of payment and engineering teams in seconds, feel as modern as the product, and be ready for launch. The project had three weeks from brief to live.

## The solution

### A dark stage for one bright idea

We gave the infrastructure a stage. The dark theme starts from a near-black base, adds one high-contrast yellow accent and lays an animated gradient glow over a perspective grid, so the product feels engineered and alive. Bold type carries a single message about payments, and the page turns the stack into five plain benefits: automation, optimized checkout, cost savings, freedom of choice and compliance as a service. Each one is backed by specifics, from headless SDKs and native 3D Secure to network tokens and PCI DSS.

We built it as a single-page website in Framer, using Framer's native tools for most interactions and custom code for the gradient background system. Scroll-triggered [custom animations](https://agr.studio/solutions/website-animation-development) reveal each section in sequence, and every call to action leads to the same next step: talk to an expert.

## The shift

### From hidden infrastructure to headline product

The site launched on schedule, three weeks after the brief. Hellgate went to market with a presence that treats payment infrastructure with the confidence of a consumer product, while staying specific enough for the teams who will integrate it. That balance is the whole job of a good [fintech website](https://agr.studio/solutions/fintech-website-design).

## Continue exploring our latest work

-   ![Pramatra cover image by AGR Studio](https://cdn.sanity.io/images/coun0bog/production/84c4066673bd86790a1f643c9983d29ed35b963b-1200x900.jpg?w=1400&q=82&auto=format)
    
    ### Pramatra
    
    Space Technology
    
    → https://agr.studio/projects/pramatra
    
-   ![JedLab cover image by AGR Studio](https://cdn.sanity.io/images/coun0bog/production/226dfd72a1af1549e5930da4fdbb8a5d2c635a72-1200x900.jpg?w=1400&q=82&auto=format)
    
    ### JedLab
    
    Creative Media Production
    
    → https://agr.studio/projects/jedlab