עיצוב UI/UX ש- מניעה הכנסות, לא רק פיקסלים
עיצוב מוצר, עיצוב אתרים, חוויית משתמש למובייל, מערכות עיצוב וספריות Figma, על ידי מעצבים בכירים שהשיקו למעלה מ-250 מוצרים עבור מותגים גלובליים.
מאז 2020
נבדק
ארגון
זוכות לאמון של למעלה מ-250 מותגים בארה"ב, בבריטניה, באיחוד האמירויות ובאירופה
איפה עבודת העיצוב לא מצליחה להגיע ללקוח, ומה אנחנו עושים בנידון
שמונה בעיות אחראיות לרוב העיצוב שנראה נכון ב-Figma ושגוי בסביבת הייצור. לכל אחת מהן יש פתרון שאנו מיישמים כסטנדרט.
- עיצוב שלעולם לא יוצא לפועל כראויהמסירה נתפסת כקו הסיום, כאשר התוצאה הבנויה לעולם אינה נבדקת מולו. אנחנו מבצעים בקרת איכות (QA) לבנייה ומתעדים את ההבדלים.
- תבניות שהנחות היסוד שלהן הופכות לשלךהתחלה נאה שקובעת בשקט את ארכיטקטורת המידע שלך, ונראית כמו כל אחד אחר שמשתמש בה.
- רעיון אחד בשלוש גרסאות צבעסבבי קונספט הבוחנים את פני השטח ולא את הגישה. הכיוונים צריכים להיות שונים באמת, אחרת לא יהיה במה לבחור.
- מקרי קצה הושארו לטיפול צוות הפיתוחמצבי ריק, טעינה ושגיאה שנוצרים בזמן הבנייה על ידי מי שמגיע אליהם ראשון. הם מתוכננים בדיוק כמו כל מצב אחר.
- המחקר דלג, חוות דעת הוחלפוהאדם הקולני ביותר בביקורת קובע את הכיוון. ניתוח נתונים, הקלטות סשנים וראיונות מחליפים זאת בעובדות.
- ספריית רכיבים ללא משילותשש גרסאות של אותו כפתור ואף אחד לא מוסמך להוציא חמש מהן משימוש. מערכות זקוקות לבעלות ולניהול גרסאות, לא רק לקבצים.
- נגישות נבדקה לאחר בנייהניגודיות, סדר מיקוד ותוויות מטופלים כרשימת תיקונים. התקן WCAG 2.1 AA מוטמע בעיצוב ונבדק לפני המסירה.
- אבד הרצף בין המפגשיםעבודה חד-פעמית נוטה לסטות מהמסלול כי לאחר עזיבת המעצב, אין איש שאחראי על שמירת העקביות. טוקנים ותיעוד מאריכים ימים יותר מההתקשרות עצמה.
שמונה יכולות עיצוב למוצר, לאינטרנט ולמותג
מעצבים בכירים בצוות פנימי עבור Shopify, SaaS, מובייל ופורטלים B2B, משלב ה-Figma ועד למסירה לפיתוח, עם מערכות עיצוב שניתנות להרחבה.
עיצוב מוצר
חוויית משתמש מקצה לקצה: תזרימי משתמש, שרטוטים (Wireframes), מוקאפים ברמה גבוהה (Hi-fi), אבות-טיפוס ומסירת פיתוח. Figma + Linear + Notion.
עיצוב אתרים
אתרי שיווק, דפי נחיתה, תבניות איקומרס: מותאמים למותג, ממוקדי המרה, בראש סדר העדיפויות נגישות.
חוויית משתמש במובייל
דפוסי iOS HIG ו-Material 3 נייטיב, רספונסיביות ל-Mobile Web, ו-Design Tokens משותפים לפיתוח.
מערכות עיצוב
מערכות עיצוב מבוססות אסימונים (Tokens) ב-Figma, ספריות רכיבים ב-Storybook, ממשל, ניהול גרסאות, והרחבה בין צוותים.
מחקר חוויית משתמש
ראיונות משתמשים, בדיקות שמישות, מבחני 5 שניות, סקרים, שיטת RITE, תובנות המניעות החלטות עיצוביות.
מיתוג וזהות
לוגו, מערכת טיפוגרפית, צבעוניות, שפה איורית, מפרט מותג, להשקות של סטארטאפים וריענון מותגים.
Design Ops
ניהול ספריות Figma, אוטומציה של אסימוני עיצוב (Design Tokens), תיעוד רכיבים, אופטימיזציה של תהליך העבודה מעיצוב לפיתוח.
חוויית משתמש מבוססת בינה מלאכותית
ממשקים שיחתיים, ממשקי משתמש מוזרמים (streaming), בינה מלאכותית מוטמעת במוצר, דפוסי עיצוב של הנחיות (prompting). חוויית משתמש לעידן הבינה המלאכותית.
איך מתנהל תהליך עיצוב
עיצוב שאינו מיושם כראוי הוא קישוט בלבד. השלב האחרון הוא זה שרוב הסוכנויות מדלגות עליו.
מחקר וביקורת
שלב 1
ניתוח נתונים, הקלטות סשנים ושיחות עם משתמשים כדי לגלות איפה החוויה הנוכחית באמת מאבדת אנשים.
קונספטים וכיוון
שלב 2
שניים או שלושה כיוונים שונים באמת, לא רעיון אחד בשלוש וריאציות צבע.
תכנון מפורט ומערכת
שלב 3
מסכים, מצבים, מקרי קצה ומערכת רכיבים שהמהנדסים שלכם יוכלו לבנות לפיה.
העברה ובניית QA
שלב 4
אנו בוחנים את התוצאה הבנויה מול התכנון ומתעדים את ההבדלים. התכנון אינו מסתיים במסירה.
מה כוללת התקשרות עיצובית
יש להכניס זאת ל-SOW לפני החתימה, כדי שלא יהיו ויכוחים מאוחר יותר על מה שהיה משתמע.
במסגרת התוכנית
- עיצוב ממשק מוצר, אינטרנט ומובייל
- מחקר חוויית משתמש (UX): ראיונות, בדיקות שמישות וניתוח נתונים
- מערכות עיצוב ברמת הרכיב עם אסימונים ומצבים מתועדים
- מצבי ריק, טעינה, שגיאה ומקרי קצה שעוצבו במקום להישאר לטיפול הפיתוח
- בדיקת נגישות לפי תקן WCAG 2.1 AA
- בצע בדיקות איכות (QA) מול העיצוב לאחר היישום
מטופל בנפרד
- מימוש צד הלקוח, המוגדר כהתקשרות נפרדת
- קופירייטינג ואסטרטגיית תוכן
- הזמנת עבודות צילום ואיור
אין החרגות עקרוניות. כל אחד מאלו יכול להיות מוגדר כהתקשרות נפרדת, שיתומחר בנפרד.
שלוש דרכים לביצוע עבודות עיצוב, והעלות של כל אחת מהן
שלוש דרכים שבהן צוותים מסיימים עבודה עיצובית.
התחל מתבנית
היקף הפעילות שלך הוא מתחת ל-2 מיליון דולר בערך וצרכי הצ'ק-אאוט שלך סטנדרטיים.
המלכוד
אתה נראה כמו כולם שמשתמשים באותה תבנית, והנחות היסוד של התבנית הופכות לשלך.
מעצב פרילנסר
אתה זקוק לבקרת תשלום (checkout), ל-B2B, לשווקים מרובים, או שחרגת ממגבלות ה-API שלך.
הקאץ'
מערכות עיצוב זקוקות להמשכיות. עבודה חד-פעמית נוטה לסטות מהמסלול, ואף אחד לא אחראי על העקביות לאחר שהיוצר עוזב.
צוות תכנון מערכות משובצות
אתם מנהלים חוויות עתירות תוכן או חוויות רב-מותגיות ש-Liquid הופך למייגעות.
הקאץ'
עולה יותר, ומשתלם רק אם יש לכם זרם קבוע של החלטות לקבל.
במה אנחנו משתמשים לעיצוב
Figma לעבודה, מערכת טוקנים מתועדת כדי שתשרוד את תהליך ההעברה, וכלי מחקר כדי שההחלטות יהיו מבוססות נתונים.
עיצוב
- Liquid
- Online Store 2.0
- Hydrogen
- React
- Next.js
- JavaScript
- TypeScript
מערכות
- Node.js
- PHP
- Python
- GraphQL
- Storefront API
- Shopify Functions
מחקר
- MySQL
- PostgreSQL
- MongoDB
העברה
- AWS
- Google Cloud
- Kubernetes
תוצאות של פרויקטים עיצוביים שהוצאנו לפועל
תמחור שקוף. בחרו את המודל שמתאים לשלב שבו אתם נמצאים.
פרויקטים בעלי היקף מוגדר, ריטיינרים מתמשכים או צוותים ייעודיים במשרה מלאה. לא משנה מהו אופי ההתקשרות, תדעו את המחיר לפני החתימה: בלי זליגת שעות ובלי שינויי הזמנה מפתיעים.
בנייה בהיקף מוגדר
- SOW קבוע ומסירת תוצרים בכתב
- תקופת תמיכה מוגברת של 14–60 יום כלולה
- קוד נקי והעברת תיעוד
- יציאה נוחה, ללא התחייבות לטווח ארוך
שותפות חודשית
- מנהל מוצר ייעודי + מהנדס בכיר
- קצב ספרינט עם הדגמות שבועיות
- 2–8 בדיקות A/B בחודש
- 50% מהשעות שלא נוצלו מועברות לחודש הבא
פוד במשרה מלאה
- מהנדסים בכירים במשרה מלאה בצוות שלך
- תקשורת ישירה ב-Slack ושיחות סטנד-אפ יומיות
- דיווח ישיר ל-CTO/ראש צוות הפיתוח שלך
- הסכם רמת שירות (SLA) חתום ותהליכים התואמים לתקן SOC2
לא בטוח מה מתאים?קבע שיחת אסטרטגיה חינם של 30 דקות ←
שישה סיבות לכך ששותפי עיצוב נשארים איתנו לטווח הארוך
רוב עבודת העיצוב שלנו מגיעה מלקוחות חוזרים או מהפניות. אלו הסיבות שלקוחות מציינים כשאנחנו שואלים מדוע.
- שותף Shopify מאז 2018מאושר, עם ערוצי תמיכה ישירים של שותפים כאשר גרסה זקוקה להם.
- מעל 250 חנויות הושקו מאז 2019שבע שנים של זיהוי דפוסים ספציפיים ל-Shopify, לא עבודה כללית בתחום הווב.
- מנהל פרויקט ייעודי לכל גרסת בנייהבעל אחריות יחיד, עדכונים שבועיים בכתב, ללא משחקי "טלפון שבור" עם מנהלי חשבונות.
- קודם המרה, לא קודם פיקסלהחלטות עיצוביות מנומקות לפי השפעתן על הכנסות, ונמדדות לאחר ההשקה.
- תמחור שקוף בעל היקף קבועהיקף עבודה בכתב ומחיר קבוע לפני תחילת העבודה. ללא סעיפי הוצאות מפתיעים.
- הקוד בבעלותך, תמידחפיפה מסודרת, מתועדת, במאגרים שלכם. העזיבה לעולם לא תשמש נגדכם.
שאלות שאנחנו שומעים לפני כל פרויקט עיצוב UI/UX
תשובות כנות, כולל אלו שרוב הסוכנויות מתחמקות מהן.
איזה סוג של עיצוב אתה עושה?
חוויית משתמש (UX) למוצרים, עיצוב אתרים, חוויית משתמש למובייל, מערכות עיצוב (Design Systems), זהות מותג, מחקר חוויית משתמש, תפעול עיצוב (Design Ops). פתרונות מקצה לקצה עבור צוותי מוצר.
האם אקבל קבצי עיצוב שאוכל להעביר הלאה?
כן: קבצי Figma נקיים עם auto-layout, רכיבים, וריאנטים, אסימוני עיצוב (design tokens) ומפרטים מוכנים למצב פיתוח (dev-mode). בלי קבצי ספגטי מבולגנים.
האם אתם עוסקים במערכות עיצוב?
כן: מבוסס טוקנים (tokens), סנכרון בין Figma ל-Storybook, תוכניות ממשל, פריסה רב-צוותית. מפרויקטים מאפס ועד שכתוב מערכות Legacy.
כמה זמן לוקח פרויקט עיצוב?
דף נחיתה: 1–2 שבועות. אתר מלא: 3–5 שבועות. חוויית משתמש למוצר SaaS: 6–12 שבועות. מערכת עיצוב: 8–16 שבועות.
האם תעבוד עם צוות הפיתוח שלנו?
כן. אנחנו משולבים עם מהנדסים (פנימיים או שלכם). העברות במצב פיתוח (Dev-mode), סרטוני הדרכה אסינכרוניים ב-Loom, וסשנים משותפים ב-Figma.
מה העלות?
דף נחיתה: 3,000$–8,000$. אתר מלא: 10,000$–30,000$. חוויית משתמש ל-SaaS: 20,000$–80,000$. מערכת עיצוב: 35,000$–120,000$. ריטיינר עיצוב חודשי: 4,000$–20,000$ לחודש.