עיצוב אנרגטי בטון כהה עבור פרויקט קהילת Web3
לקוח
הלגייט
תעשייה
Web3 / בלוקצ'יין
שירותים
עיצוב אתרים, פיתוח ב-Framer, עיצוב כהה, תכונות קהילה
ארסנל טכנולוגי
פריימר, אנימציות מותאמות אישית, ערכת נושא כהה
שנה
2023



איך סטודיו AGR עיצב ותכנן את אתר פרויקט ה-Web3 של Hellgate עם ויזואליה כהה ומרהיבה, מעבר צבעים (גרדיאנטים) דינמיים ופיצ׳רים ממוקדי קהילה – תוך 3 שבועות בלבד על פלטפורמת Framer.
Hellgate הוא פרויקט Web3 שנבנה בנקודת המפגש שבין טכנולוגיית בלוקצ'יין למעורבות קהילתית. במרחב הקריפטו הדינמי, שבו רושם ראשוני נקבע תוך שניות, האתר היה חייב לשדר מיידית אמינות גבוהה, לייצר עניין והתרגשות, ולהניע לפעולה להצטרפות לקהילה דרך ערוצי הדיסקורד ורכישת הטוקנים.
לוח הזמנים היה מאתגר במיוחד ועמד על 3 שבועות בלבד — קצב טיפוסי לפרויקטי Web3 שבהם מהירות החדירה לשוק קריטית לא פחות מאיכות המוצר. כל החלטה עיצובית התקבלה במטרה למקסם את האימפקט במסגרת הזמן הדחוסה הזו.
אותות אמון ב-Web3
קהילות קריפטו רגישות מאוד להונאות. מיפינו את אותות האמון החשובים ביותר ב-Web3: מידע שקוף על הצוות, טוקנומיקס ברורים, קישורים מאומתים לחוזים חכמים, והוכחה חברתית מהקהילה (מספר חברים בדיסקורד, עוקבים בטוויטר ומחזיקים אקטיביים). כל אות אמון קיבל מיקום בולט במעלה הדף, במקום להיקבר בקישורי הבלוטר בתחתית האתר.
אנרגיה אפלה
העיצוב מבוסס על בסיס כמעט-שחור עם צבעי הדגשה בניגודיות גבוהה ורקעי מעבר (גרדיאנט) מונפשים הפועמים באנרגיה. הטיפוגרפיה מודגשת ודחוסה, כך שהכותרות משדרות דחיפות ועוצמה. האסתטיקה שואבת השראה מעולם הגיימינג ומתרבות האנדרגראונד, ומתאימה בדיוק לזהות הקהילה בלי לגלוש לחובבנות.
אנימציות המופעלות בגלילה (scroll-triggered) חושפות את התוכן בתזמון סינמטי - חלקים בעמוד מחליקים, משנים קנה מידה ומופיעים בהדרגה ברצף דינמי, המייצר מומנטום והתרגשות ככל שהמבקרים מתקדמים בדף.
בנייה מהירה
לוח הזמנים של 3 שבועות דרש יעילות מקסימלית. השתמשנו בכלי האנימציה המובנים של Framer עבור רוב האינטראקציות, ושמרנו קוד מותאם אישית למערכת רקע הגרדיאנט ולמצבי ה-CTA של חיבור הארנק. ארכיטקטורת העמוד הבודד שמרה על מיקוד בתהליך הבנייה, תוך מתן עומק תוכן מספק הן לחברי הקהילה והן למצטרפים החדשים.
השקת הקהילה
האתר עלה לאוויר כמתוכנן ושימש כמרכז הפעילות (ההאב) עבור השקת הקהילה של Hellgate. המצגת המקצועית סייעה ל-Hellgate להתבלט מעל מבול הפרויקטים באיכות נמוכה של Web3, ובנתה אמינות ראשונית בקרב חברי הקהילה הראשונים ובקרב תקשורת הקריפטו שסיקרה את הפרויקט.
3 שבועות
זמן פיתוח
כהה + גרדיאנטים
ערכת נושא
עמוד נחיתה
ארכיטקטורה

