---
title: "DealDesk: מ-Figma לאתר באוויר בשבועיים | AGR Studio"
description: "AGR Studio הפך את עיצוב ה-Figma של DealDesk לאתר Framer מדויק עד הפיקסל תוך שבועיים: רספונסיבי לגמרי, עם אינטראקציות בהתאמה אישית ו-SEO מלא."
url: https://agr.studio/he/projects/dealdesk-from-figma-to-live-in-two-weeks
language: he
---

[פרויקטים](https://agr.studio/he/projects) רכש / SaaS · 2026

# DealDesk

על דדליין לא מתמקחים.

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

![תמונת נושא עבור DealDesk מאת סטודיו AGR](https://cdn.sanity.io/images/coun0bog/production/0472713694102c8bb32e713eae2f4c80c8e1bb3e-2838x2129.png?w=1600&q=82&auto=format)

DealDesk היא חברת ייעוץ רכש שמנהלת משא ומתן על עסקאות תוכנה ו-SaaS עבור ארגונים. לקחנו את העיצוב שלה ב-Figma, ותוך שבועיים הוא היה באוויר כאתר Framer רספונסיבי.

לקוח: DealDesk
מיקום: שיקגו, ארה״ב
תעשייה: רכש / SaaS
שנה: 2026

שירותים: -   המרת פיגמה לפריימר
-   פיתוח רספונסיבי
-   SEO ואנימציות

טכנולוגיות: -   Framer
-   Figma
-   אינטראקציות בהתאמה אישית
-   SEO

מקובץ Figma לאתר חי: שבועיים

תיקוני באגים אחרי ההשקה: 0

## התובנה

### קובץ Figma זה עוד לא אתר

DealDesk מנהלת את רכש התוכנה של הלקוחות שלה, מהמשא ומתן ועד העבודה מול הספקים, כדי שיוציאו את המקסימום מכל רכישה ומכל חידוש. הצוות השקיע בעיצוב מפורט ב-Figma לאתר החדש, עם כמה עמודים. אבל קובץ עיצוב הוא תמונה סטטית: הוא לא נגלל, לא מתאים את עצמו לטלפון ולא מגיב לעכבר. את ההחלטות האלה עוד היה צריך לקבל.

![אתר DealDesk, תמונה 1, מאת סטודיו AGR](https://cdn.sanity.io/images/coun0bog/production/a17804b6d1f5354bc9156221b33d96fab2014f17-3840x2880.png?w=1600&q=82&auto=format)

## האתגר

### שבועיים, והתאריך לא זז

האתר היה צריך לעלות לאוויר תוך שבועיים, לפני אירוע גדול בתעשייה, ולצוות של DealDesk לא היה ניסיון ב-Framer. והדרישות נשארו גבוהות: כל hover, כל אנימציה וכל ברייקפוינט היו צריכים להיות בדיוק כמו שתוכננו, עם SEO מוכן מהיום הראשון.

![אתר DealDesk, תמונה 2, על ידי AGR Studio](https://cdn.sanity.io/images/coun0bog/production/e268ed371bb3f859ab3a5d5722410170d05947af-2400x1260.png?w=1600&q=82&auto=format)

## הפתרון

### נאמנים לקובץ, עד הפיקסל האחרון

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

[ההמרה מ-Figma ל-Framer](https://agr.studio/he/solutions/framer-web-design-agency) התקדמה לפי יעדים יומיים: דף הבית ועמודי How We Work, About ו-Contact. הפיתוח והבדיקות הרספונסיביות היו חלק מהתוכנית, והפידבק רוכז לשני סבבי תיקונים. ה-SEO נכנס במקביל: HTML סמנטי, תגיות מטא בכל עמוד, טקסט חלופי לתמונות, תגיות Open Graph ומפת אתר נקייה.

![אתר DealDesk, תמונה 3, מאת AGR Studio](https://cdn.sanity.io/images/coun0bog/production/08fef638f1261a15fdde3492294b36313fb880d4-3840x2880.png?w=1600&q=82&auto=format)

## השינוי

### מקובץ Figma לאתר באוויר תוך שבועיים

האתר עלה לאוויר ביום ה-14, בדיוק לפי התוכנית. DealDesk הגיעה איתו לאירוע, וכמה לקוחות פוטנציאליים אמרו שם שהאתר נראה מקצועי מאוד. היום האתר הוא כלי מכירה מרכזי של הצוות. אחרי ההשקה לא היה צריך לתקן אף באג או לשנות שום דבר בעיצוב: האתר החי הוא בדיוק מה שאושר.

![אתר DealDesk, תמונה 4, מאת סטודיו AGR](https://cdn.sanity.io/images/coun0bog/production/d0462f7b9addc9932b6b2afc70b9e374c84e2609-5677x4258.png?w=1600&q=82&auto=format)

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

-   ![תמונת הנושא של FlyCode מאת AGR Studio](https://cdn.sanity.io/images/coun0bog/production/0878b6701be5954f06bccd9724f043291a8d4e46-3680x2760.png?w=1400&q=82&auto=format)
    
    ### FlyCode
    
    כלי מפתחים / SaaS
    
    → https://agr.studio/he/projects/flycode
    
-   ![תמונת שער לפרויקט SenseHawk של AGR Studio](https://cdn.sanity.io/images/coun0bog/production/5d688a5013d719644fc24f31cc0dabf70863ce8f-2838x2129.png?w=1400&q=82&auto=format)
    
    ### SenseHawk
    
    קליימטק / SaaS ארגוני
    
    → https://agr.studio/he/projects/sensehawk-enterprise-solar-platform-redesigned-for-impact