Bi-Pol Electro-Optics היא שותף טכני לחברות טכנולוגיה, למעבדות מחקר ולמפתחי מוצרי OEM בישראל, בתחומי האלקטרו-אופטיקה והמיקרופלואידיקה. החברה יושבת בכפר סבא, מייצגת בישראל יותר מ-20 יצרנים מהעולם ומלווה את הלקוחות שלה מהרעיון ועד הייצור: עוזרת לבחור את הרכיב הנכון, מתאמת מול היצרן ונשארת בתמונה גם אחרי שהעסקה נסגרה.
עבדנו ישירות מול אביתר, מנכ"ל החברה, על פרויקט מלא בשלושה שלבים ובסדר הזה: אפיון, מיתוג ובניית אתר בוובפלואו. כל שלב אושר מול אביתר לפני שעברנו לבא, כך שכל החלטה עיצובית נשענה על מה שכבר הוגדר.
"צוות DuoDiv בנו לנו את האתר בפלטפורמת Webflow, והתוצאה עלתה על כל הציפיות. הצוות היה קשוב מאוד לדרישות שלנו לאורך כל התהליך ועבד בקצב מהיר יותר מהצפוי, מבלי להתפשר על האיכות. מעבר לבניית האתר, הם גם עיצבו לנו מיתוג חדש - ואנחנו מאוד מרוצים מהתוצאה. מה שבאמת מייחד את DuoDiv זה שהם ממשיכים להביא חדשנות טכנולוגית ומאפשרים לנו לנהל ולעדכן את האתר בעצמנו בצורה נוחה ואינטואיטיבית - בלי להיות תלויים בהם על כל שינוי קטן."
באפיון הגדרנו שלושה קהלים. הקהל הראשי הוא עולם האופטיקה: מהנדסי אופטיקה בחברות טכנולוגיה, מנהלי רכש בחברות ביטחון ורפואה, וחוקרים באקדמיה. הקהל המשני מגיע מעולם המיקרופלואידיקה: יזמים צעירים שיוצאים מהאקדמיה, חברות סטארט-אפ בביוטכנולוגיה ומעבדות מחקר מתקדמות. הקהל השלישי הוא יצרנים בינלאומיים שמחפשים נציגות בישראל.
אחת ההחלטות הראשונות הייתה מה יקבל את המקום המרכזי בפתיח. אתרי קטלוג נוטים לשים שם שורת חיפוש, אבל Bi-Pol לא מוכרת מהמדף. רוב הלקוחות שלה מחפשים פתרון, ועוד לא יודעים איזה רכיב בדיוק הם צריכים. שורת חיפוש בולטת הייתה מציגה את החברה כעוד חנות רכיבים, ומשאירה מאחור את מי שלא מכיר את המונח המדויק. לכן הפעולה הראשית בפתיח היא Get Expert Guidance, שיחה עם מומחה, ולצידה Browse Our Products למי שכבר יודע מה הוא מחפש.
הלוגו הקודם של Bi-Pol היה סמל של דיפול. כששאלנו למה, התשובה הייתה שהמילה "דיפול" נשמעת כמו Bi-Pol. לסמל עצמו לא היה קשר לשירות של החברה, והוא היה עמוס בפרטים וקשה לקריאה בגדלים קטנים.
הצגנו לאביתר שתי סקיצות שונות מאוד זו מזו. הוא קיבל את ההמלצה שלנו ובחר בכיוון הנועז והמיוחד יותר. הסמל החדש בנוי משלוש קשתות: עדשה שמתגבשת, גל שמתפשט החוצה, וטכנולוגיה שמתקדמת קדימה. כל קשת נגזרת ממעגלים על גריד גיאומטרי אחד, וגם ה-wordmark שורטט על אותו גריד. בפעם הראשונה, ללוגו של Bi-Pol יש משמעות שמהנדס אופטיקה מזהה מיד.
סביב הסמל בנינו ספר מותג מלא: פלטה של ירוקים טעונים שמעוגנת בטורקיז עמוק, Bomstad Display לכותרות ו-42dot Sans לטקסט, וכללי שימוש לכל נקודת מגע, מכרטיסי ביקור וחתימות מייל ועד שילוט, רקעים לשיחות וידאו ועמוד הלינקדאין. הלוגו מינימליסטי ומדויק, כל רכיב בשפה עקבי עם האחרים, והנוכחות של Bi-Pol קפצה בבת אחת. היום המותג שלה עומד בשורה אחת עם היצרנים הבינלאומיים שהיא מייצגת.
אחרי שהכיוון העיצובי של המותג נקבע, בחרנו תבנית וובפלואו כבסיס לאתר. אנחנו בונים על תבניות ומתאימים אותן לגמרי למותג, ולכן בחירת התבנית היא החלטה אסטרטגית ולא טכנית. ל-Bi-Pol לקח זמן להחליט, ואחרי דיונים פנימיים הם הלכו שוב עם ההמלצה שלנו.
לפתיח הייתה דרישה ברורה: למשוך את העין יותר מאשר להציג פונקציונליות. אבל Bi-Pol לא רצו סרטון רקע, כי זה מה שכולם עושים. את הפתרון מצא רפאל, השותף והמנהל האמנותי שלנו, ממש לקראת הסוף ואחרי חיפוש ממושך: קוביית זכוכית תלת-ממדית שמסתובבת במרכז המסך, עם השפה המיתוגית של Bi-Pol על הדפנות. מהנדסי אופטיקה מזהים בה מיד רכיב מוכר מהעבודה שלהם: מפצל אלומה קובייתי (Cube Beamsplitter), הקוביה השקופה עם הקו האלכסוני.
הקוביה מגיבה לגולש. היא עוקבת אחרי העכבר, הופכת לזכוכית שקופה כשהעכבר זז, וחוזרת לצבעי המותג דופן אחרי דופן כשהוא נעצר. בגלילה היא נפתחת, הדפנות מתפזרות, התפריט מתכווץ, והאתר ממשיך לקטגוריות המוצרים. גולש שנכנס לאתר עוצר לשחק עם הקוביה עוד לפני שקרא מילה.
מאחורי הפתיח יש מבנה מורכב: ארבע קטגוריות (אלקטרו-אופטיקה, מקורות אור, גלאים וחיישנים ומיקרופלואידיקה), יותר מ-120 עמודי מוצר, עמודים ליותר מ-20 יצרנים שהחברה מייצגת, סיפורי לקוחות, מרכז ידע ובלוג. בכל עמוד קטגוריה אפשר לסנן לפי שם מוצר ולפי יצרן, והדרך לשיחה עם מומחה פתוחה לאורך כל האתר.
את התוכן כתבנו עם גיא, הקופירייטר שלנו לכתיבה טכנית, שיודע לשלב דיוק מקצועי עם פלפל שיווקי. גם כאן Bi-Pol ביקשו לא להישמע כמו כולם, והטון נבנה בהתאם: Precision Parts for Precise Thinkers בעמוד המוצרים, The First Call Tech People Make בעמוד האודות, ובפתיח הבטחה שנגמרת ב-and yes, even on budget.
אחרי שהאתר עלה, חיברנו ל-Bi-Pol את Claude לוובפלואו. כך הצוות מעדכן תוכן ומוסיף מוצרים לקטלוג במהירות, בלי למלא כל שדה ידנית.
האתר של Bi-Pol עלה לאוויר בכתובת bi-pol.com. המיתוג, האתר והתוכן נבנו כמערכת אחת: הקשתות מהלוגו חוזרות על דפנות הקוביה, הצבעים חוזרים בכל עמוד, והטון של הקופי זהה בכל נקודת מגע. מהנדס שנכנס לאתר מבין תוך שניות שמדובר בחברה שמכירה את עולם האופטיקה מבפנים.
Bi-Pol מצטרפת לפרויקטים שבהם עשינו גם מיתוג מלא וגם אתר, לצד NBT, שגם אצלה בנינו קטלוג מוצרים וחיברנו את Claude לניהול התוכן. בשני הפרויקטים המיתוג קבע את השפה, והאתר הפך אותה לחוויה.
הפרויקט הזה מראה למה אנחנו עובדים בגישת Blueprint First: האפיון קבע מה הגולש צריך לעשות, המיתוג קבע איך החברה נראית, והפתיח חיבר בין השניים.
.svg)
