---
title: "Hellgate: אתר לתשתית תשלומים | AGR Studio"
description: "AGR Studio עיצב ובנה ב-Framer את אתר ההשקה של Hellgate בשלושה שבועות: תשתית תשלומים שאפשר לתכנת, בעיצוב כהה ובטוח בעצמו."
url: https://agr.studio/he/projects/hellgate
language: he
---

[פרויקטים](https://agr.studio/he/projects) פינטק / תשתית תשלומים · 2023

# Hellgate

תשתית מבריקה.

[כניסה לאתר](https://hellgate.io/)

![תמונת השער של Hellgate בעיצוב של AGR Studio](https://cdn.sanity.io/images/coun0bog/production/ffa4933e02f20f66398f29e612fbcb8c5b531035-1059x1200.jpg?w=1600&q=82&auto=format)

Hellgate היא חברת פינטק שבונה תשתית תשלומים שאפשר לתכנת. עיצבנו ובנינו את אתר ההשקה שלה ב-Framer, מהבריף ועד העלייה לאוויר, בשלושה שבועות.

לקוח: Hellgate
מיקום: אולם, גרמניה
תעשייה: פינטק / תשתית תשלומים
שנה: 2023

שירותים: -   עיצוב אתרים
-   פיתוח ב-Framer
-   עיצוב כהה
-   אנימציות מותאמות

טכנולוגיות: -   Framer
-   אנימציות מותאמות
-   קוד מותאם

מהבריף ועד ההשקה: 3 שבועות

## התובנה

### אף אחד לא רוצה להיות תלוי בספק תשלומים אחד

עסקים שסולקים בהיקפים גדולים מתמרנים בין ספקי תשלום, חברות סליקה, כללי ניתוב, 3D Secure ועמידה בתקן PCI DSS. ברגע שכל זה מחובר, כל שינוי כואב, אז רבים פשוט נשארים עם מה שיש. Hellgate מציעה דרך החוצה: תשתית שאפשר לתכנת, שבה העסק מגדיר אוטומציות לתהליכי התשלום, מנתב עסקאות ועובד עם כל ספק דרך אינטגרציה אחת. ככה העסק שולט בתשלומים שלו, ולא תלוי באף ספק.

![אתר Hellgate, תמונה 2, מאת AGR Studio](https://cdn.sanity.io/images/coun0bog/production/920a3ca9fd6582dd97baec7b18d6752f3304b3bb-1765x2000.png?w=1600&q=82&auto=format)

## האתגר

### תשתית לא מצטלמת טוב

קשה להציג תשתית תשלומים בדף הבית. אין אפליקציה יפה להתפעל ממנה, רק APIs, SDKs ורגולציה. Hellgate הייתה צריכה אתר שיקנה את האמון של צוותי תשלומים ופיתוח תוך שניות, ירגיש מודרני כמו המוצר עצמו ויהיה מוכן להשקה. מהבריף ועד העלייה לאוויר היו לנו שלושה שבועות.

## הפתרון

### רקע כהה ורעיון אחד מבריק

נתנו לתשתית במה. העיצוב הכהה נבנה על בסיס כמעט שחור, עם צבע הדגשה צהוב אחד בניגודיות גבוהה וזוהר גרדיאנט מונפש מעל גריד בפרספקטיבה, כך שהמוצר מרגיש מדויק וחי. טיפוגרפיה בולטת מעבירה מסר אחד על תשלומים, והעמוד מפרק את הסטאק לחמישה יתרונות פשוטים: אוטומציה, צ׳קאאוט אופטימלי, חיסכון בעלויות, חופש בחירה ועמידה ברגולציה כשירות. מאחורי כל אחד יש פרטים, מ-SDKs בגישת headless ו-3D Secure מובנה ועד network tokens ו-PCI DSS.

בנינו אתר של עמוד אחד ב-Framer. לרוב האינטראקציות הספיקו הכלים המובנים של Framer, ואת מערכת הרקע של הגרדיאנט כתבנו בקוד מותאם. [אנימציות מותאמות](https://agr.studio/he/solutions/website-animation-development) שמופעלות בגלילה חושפות את החלקים אחד אחרי השני, וכל קריאה לפעולה מובילה לאותו צעד הבא: שיחה עם מומחה.

## השינוי

### מאחורי הקלעים לקדמת הבמה

האתר עלה לאוויר בזמן, שלושה שבועות אחרי הבריף. Hellgate יצאה לשוק עם אתר שמציג תשתית תשלומים בביטחון של מוצר צרכני, ועדיין נותן מספיק פרטים לצוותים שיחברו אותה. [אתר פינטק](https://agr.studio/he/solutions/fintech-website-design) טוב צריך בדיוק את האיזון הזה.

## עוד עבודות שלנו

-   ![תמונת נושא של Pramatra מאת AGR Studio](https://cdn.sanity.io/images/coun0bog/production/84c4066673bd86790a1f643c9983d29ed35b963b-1200x900.jpg?w=1400&q=82&auto=format)
    
    ### Pramatra
    
    טכנולוגיית חלל
    
    → https://agr.studio/he/projects/pramatra
    
-   ![תמונת הנושא של JedLab מאת AGR Studio](https://cdn.sanity.io/images/coun0bog/production/226dfd72a1af1549e5930da4fdbb8a5d2c635a72-1200x900.jpg?w=1400&q=82&auto=format)
    
    ### JedLab
    
    הפקות קריאייטיב ומדיה
    
    → https://agr.studio/he/projects/jedlab