Boards: one content structure from the app to the chat to the desktop
The visual case study: rotem-e.com/projects/boards
Hebrew page: rotem-e.com/he/projects/boards/story
Rotem Elimelech (Rotem E) led the complete redesign of Boards as a freelance UX and mobile product designer in 2022.
Boards is the app where direct sellers and brand ambassadors find their company’s sales and marketing content and share it while they are talking to a customer: the content is sorted into boards, and a keyboard inside Messenger and other chats brings those boards into the conversation.
When Rotem joined, the product worked and had customers, on iOS, Android and the web, with an interface that had grown dated; he redesigned all of it, side by side with one of the founders, who was the product manager of the redesign.
Everything shown in the Boards case study shipped to the sellers while he was there.
Today Rotem is a freelance product designer (UX/UI) in Tel Aviv, Israel. Boards is the mobile-redesign part of his record: one person responsible for research, product definition, UX and UI on a product that lives inside other people’s chats. This page tells that story in text; the case study shows the screens.
View the Boards case study · About Rotem · Discuss a project
Relevant experience for your project
- A complete redesign of a live product. The mobile app, its Messenger keyboard and the desktop web, redesigned together for sellers who were already using them every day.
- Sales enablement and content libraries. A company’s marketing materials, product content and announcements sorted into boards, findable in seconds and shared in one tap.
- Embedded productivity inside another app. A custom keyboard that lives inside Messenger and other chats, with a keyboard’s space and rules, bringing the content library into the conversation.
- Content discovery UX. Visual content tiles instead of text lists and button grids, plus search with content-type filters, sorting and view options.
- Cross-platform consistency. One board structure on iOS, Android and the desktop web, so a seller relearns nothing between the phone and the computer.
- Onboarding and community for a multi-company platform. Ambassador onboarding with a welcome video and steps, a company feed, profile and announcements, for every direct-sales company on the platform.
Boards at a glance
| Detail | Information |
|---|---|
| Product | A content-sharing app for direct sellers: company content sorted into boards, a Messenger keyboard that brings it into the chat, a company feed and a desktop web |
| Industry | Direct-sales software |
| Company stage | Startup, working directly with a co-founder |
| Product category | Sales enablement, content library, mobile productivity, keyboard extension, multi-company (multi-tenant) platform |
| Primary users | Direct sellers and brand ambassadors who sell in chat |
| End audience | The direct-sales companies whose content, brand and community the sellers carry |
| Market | The United States and Europe |
| Platform | iOS, Android and web |
| Period | 2022 |
| Rotem’s role | Freelance UX and mobile product designer, side by side with a founder who was the product manager of the redesign |
| Rotem’s responsibility | Research, product definition, UX and UI design for the app, the keyboard, the web, onboarding and the community screens |
| Result | The redesign shipped on all three platforms; Boards publishes its own figures, quoted below with their source |
What Rotem found, and what he built
When Rotem joined in 2022, Boards was a working product with customers: an app, a content keyboard for Messenger and a desktop web, each with an interface that had grown dated. The home screen was a list; a board was a grid of buttons; nothing was findable at a glance. A seller talking to a customer left the conversation to find the right material. And the phone and the desktop looked and worked differently for the same boards.
By the end of the year the product was one system. A main hub where a company’s marketing content is arranged into boards and shared, with visual content tiles. The Messenger keyboard redesigned, in light and dark mode, giving a seller the company’s content mid-conversation. Search with content-type filters and highlighted results, and a filters sheet with view options, sorting and board type. Ambassador onboarding with a welcome video and steps, community management with a company feed, profile and announcements. And the desktop web showing the same boards as the phone.
Rotem’s role
Rotem worked side by side with one of the founders, who was the product manager of the redesign, from research and definition through UX and UI on all three platforms. Four sources fed the definition: the founder’s knowledge of the direct-sales companies and their sellers; the app’s analytics, where sellers went, what they shared and where they dropped; interviews and tests with ambassadors and sellers during the redesign; and the competing and adjacent apps, sales-enablement tools and content apps, studied for what to match and what to skip.
The problem, and the constraints
Three problems, one product. A seller talking to a customer had to leave the chat to find content. The company’s material was buried in text lists and button grids, with nothing recognisable at a glance. And the same boards looked and worked differently on the phone and on the web.
Four constraints shaped the design. The keyboard lives inside someone else’s app, Messenger and other chats, with a keyboard’s space and rules. Three platforms, iOS, Android and web, had to share one board structure. Many companies share one product, each with its own content, brand and community. And the users are sellers, not office workers: people selling from a phone mid-conversation, with seconds to find the thing.
Product decisions
Two decisions Rotem made and would defend today.
1. One board structure everywhere
The decision: Rotem redesigned the content keyboard that brings the library into the conversation, kept the same board-based structure across the app, the keyboard and the desktop product, and gave the three the same visual language.
Why: one shared structure means nothing to relearn between the phone, the chat and the desktop; a seller who learned a board in the app finds it the same way inside Messenger and at the computer. The strongest alternative was to redesign the mobile app and the keyboard and leave the desktop as it was: faster, and the seam between phone and desktop would have stayed.
Tradeoff: three surfaces to keep in step, one of them inside another app. The board is the unit on all three; each surface shows it in the space it has, a keyboard’s strip, a phone screen, a desktop page.
Shown in the case study: Main hub, Mobile keyboard, Web.
2. Visual cards instead of lists and button grids
The decision: the home screen’s list view and the board’s button grid were replaced by visual content tiles a seller recognises at a glance, with search, content-type filters, sorting and view options as the fast path when the tile is not in sight.
Why: a seller has seconds, mid-conversation, to find a piece of content; a thumbnail is recognised faster than a label is read. Restyling the existing lists and grids would have kept the structure that hid the content in the first place.
Tradeoff: tiles take more room than rows, so fewer items fit on a screen. Search and filters carry the long tail, and the same tiles appear in the keyboard, where the space is smallest.
Shown in the case study: Old vs New, Search & Filters, Main hub.
What shipped, and what it did
Everything in the case study shipped on iOS, Android and the web while Rotem was on the project, to sellers across the United States and Europe, for direct-sales companies such as the one whose feed appears in the case study, Natura.
Boards publishes its own figures on its site: more than 3 million users worldwide, more than 3 billion conversations, more than 50 thousand joining monthly, and a 4.8 rating in the app stores (boards.com/brands). They describe the platform’s scale; they are not a measurement of the redesign.
The facts on this page come from Rotem’s own account, the Boards case study and his career timeline. The content inside the screenshots is example material, not results.
Frequently asked questions
What did Rotem Elimelech design for Boards?
The complete redesign of the product in 2022: the mobile app’s main hub with boards and visual content tiles, the Messenger content keyboard in light and dark mode, search with filters and sorting, ambassador onboarding, the company feed, profile and announcements, and the desktop web with the same boards, as a freelance UX and mobile product designer.
Is this case relevant to a sales enablement, content library or keyboard extension product?
Yes. Boards is sales enablement for direct sellers: a company content library sorted into boards, reached from a keyboard inside Messenger and other chats, with the same structure on the phone and the desktop.
Did Rotem design the keyboard himself?
The keyboard existed before the redesign; Rotem redesigned it, in light and dark mode, and gave it the same boards and visual tiles as the app and the web. The app, onboarding, community screens and desktop web are his design as well.
Is Rotem available to redesign a similar mobile product?
Yes, as a freelance product designer, on a retainer or for a defined project: a complete app redesign, a content library or discovery flow, a keyboard or other in-app extension, or the full product from research to UI across iOS, Android and web. Availability and rates are on his profile.
Work with Rotem
For a team building a sales-enablement tool, a content library, a mobile productivity app or a product that lives inside other people’s apps, Rotem brings the whole product process, research, product definition, UX and UI design, and the experience of redesigning a live product on three platforms at once. Availability, rates and how he works are on his profile.
רותם אלימלך (Rotem E) הוביל את העיצוב מחדש המלא של Boards כמעצב UX ומוצר מובייל פרילנסר ב-2022.
Boards היא האפליקציה שבה מוכרים ישירים ושגרירי מותג מוצאים את תוכן המכירות והשיווק של החברה שלהם ומשתפים אותו בזמן שהם מדברים עם לקוח: התוכן מסודר בלוחות (boards), ומקלדת בתוך Messenger וצ’אטים אחרים מביאה את הלוחות האלה לתוך השיחה.
כשרותם הצטרף, המוצר עבד והיו לו לקוחות, ב-iOS, ב-Android ובווב, עם ממשק שהתיישן; הוא עיצב מחדש את כולו, לצד אחד המייסדים, שהיה מנהל המוצר של העיצוב מחדש.
כל מה שמוצג בקייס סטאדי של Boards עלה לאוויר למוכרים בזמן שהיה שם.
היום רותם הוא מעצב מוצר וחווית משתמש (UX/UI) פרילנסר מתל אביב. Boards היא חלק העיצוב מחדש למובייל ברקורד שלו: אדם אחד שאחראי על המחקר, על האפיון, על ה-UX ועל ה-UI במוצר שחי בתוך צ’אטים של אנשים אחרים. העמוד הזה מספר את הסיפור בטקסט; הקייס סטאדי מראה את המסכים.
הקייס סטאדי של Boards · על רותם · לדבר על פרויקט
ניסיון רלוונטי לפרויקט שלכם
- עיצוב מחדש מלא של מוצר חי. אפליקציית המובייל, מקלדת ה-Messenger שלה ואתר הדסקטופ, עוצבו מחדש יחד למוכרים שכבר השתמשו בהם כל יום.
- Sales enablement וספריות תוכן. חומרי השיווק, תוכן המוצר וההודעות של חברה מסודרים בלוחות, ניתנים למציאה בשניות ולשיתוף בהקשה אחת.
- פרודוקטיביות משובצת בתוך אפליקציה אחרת. מקלדת מותאמת שחיה בתוך Messenger וצ’אטים אחרים, עם המקום והכללים של מקלדת, שמביאה את ספריית התוכן לתוך השיחה.
- UX של גילוי תוכן. אריחי תוכן ויזואליים במקום רשימות טקסט וגרידים של כפתורים, וחיפוש עם פילטרים לפי סוג תוכן, מיון ואפשרויות תצוגה.
- עקביות חוצת פלטפורמות. מבנה לוחות אחד ב-iOS, ב-Android ובאתר הדסקטופ, כדי שמוכר לא ילמד כלום מחדש בין הטלפון למחשב.
- אונבורדינג וקהילה לפלטפורמה רב-חברות. אונבורדינג לשגרירים עם וידאו ושלבים, פיד חברה, פרופיל והודעות, לכל חברת מכירה ישירה על הפלטפורמה.
Boards במבט אחד
| פרט | מידע |
|---|---|
| מוצר | אפליקציית שיתוף תוכן למוכרים ישירים: תוכן החברה מסודר בלוחות, מקלדת Messenger שמביאה אותו לצ’אט, פיד חברה ואתר דסקטופ |
| תעשייה | תוכנה למכירה ישירה |
| שלב החברה | סטארטאפ, עבודה ישירה מול אחד המייסדים |
| קטגוריית מוצר | Sales enablement, ספריית תוכן, פרודוקטיביות במובייל, תוסף מקלדת, פלטפורמה רב-חברות (multi-tenant) |
| משתמשים עיקריים | מוכרים ישירים ושגרירי מותג שמוכרים בצ’אט |
| קהל הקצה | חברות המכירה הישירה שאת התוכן, המותג והקהילה שלהן המוכרים נושאים |
| שוק | ארצות הברית ואירופה |
| פלטפורמה | iOS, Android וווב |
| תקופה | 2022 |
| התפקיד של רותם | מעצב UX ומוצר מובייל פרילנסר, לצד מייסד שהיה מנהל המוצר של העיצוב מחדש |
| האחריות של רותם | מחקר, אפיון מוצר, UX ועיצוב UI לאפליקציה, למקלדת, לווב, לאונבורדינג ולמסכי הקהילה |
| תוצאה | העיצוב מחדש עלה לאוויר בשלוש הפלטפורמות; Boards מפרסמת מספרים משלה, מצוטטים למטה עם המקור |
מה רותם מצא ומה הוא בנה
כשרותם הצטרף ב-2022, Boards הייתה מוצר עובד עם לקוחות: אפליקציה, מקלדת תוכן ל-Messenger ואתר דסקטופ, לכל אחד ממשק שהתיישן. מסך הבית היה רשימה; לוח היה גריד של כפתורים; שום דבר לא היה ניתן למציאה במבט. מוכר שמדבר עם לקוח עזב את השיחה כדי למצוא את החומר הנכון. והטלפון והדסקטופ נראו ועבדו אחרת לאותם לוחות.
עד סוף השנה המוצר היה מערכת אחת. מרכז ראשי שבו תוכן השיווק של חברה מסודר בלוחות ומשותף, עם אריחי תוכן ויזואליים. מקלדת ה-Messenger עוצבה מחדש, במצב בהיר וכהה, ונותנת למוכר את תוכן החברה באמצע שיחה. חיפוש עם פילטרים לפי סוג תוכן ותוצאות מודגשות, וגיליון פילטרים עם אפשרויות תצוגה, מיון וסוג לוח. אונבורדינג לשגרירים עם וידאו ושלבים, ניהול קהילה עם פיד חברה, פרופיל והודעות. ואתר הדסקטופ שמציג את אותם לוחות כמו הטלפון.
התפקיד של רותם
רותם עבד לצד אחד המייסדים, שהיה מנהל המוצר של העיצוב מחדש, מהמחקר והאפיון ועד ה-UX וה-UI בשלוש הפלטפורמות. ארבעה מקורות הזינו את האפיון: הידע של המייסד על חברות המכירה הישירה והמוכרים שלהן; האנליטיקה של האפליקציה, לאן מוכרים הלכו, מה שיתפו ואיפה נטשו; ראיונות ובדיקות עם שגרירים ומוכרים במהלך העיצוב מחדש; והאפליקציות המתחרות והסמוכות, כלי sales enablement ואפליקציות תוכן, שנלמדו כדי לדעת מה להתאים ומה לדלג.
הבעיה והאילוצים
שלוש בעיות, מוצר אחד. מוכר שמדבר עם לקוח היה צריך לעזוב את הצ’אט כדי למצוא תוכן. החומר של החברה היה קבור ברשימות טקסט ובגרידים של כפתורים, בלי שום דבר שמזהים במבט. ואותם לוחות נראו ועבדו אחרת בטלפון ובווב.
ארבעה אילוצים עיצבו את העיצוב. המקלדת חיה בתוך אפליקציה של מישהו אחר, Messenger וצ’אטים אחרים, עם המקום והכללים של מקלדת. שלוש פלטפורמות, iOS, Android וווב, היו צריכות לחלוק מבנה לוחות אחד. הרבה חברות חולקות מוצר אחד, לכל אחת התוכן, המותג והקהילה שלה. והמשתמשים הם מוכרים, לא עובדי משרד: אנשים שמוכרים מטלפון באמצע שיחה, עם שניות למצוא את הדבר.
החלטות מוצר
שתי החלטות שרותם קיבל ויעמוד מאחוריהן גם היום.
1. מבנה לוחות אחד בכל מקום
ההחלטה: רותם עיצב מחדש את מקלדת התוכן שמביאה את הספרייה לתוך השיחה, שמר על אותו מבנה לוחות באפליקציה, במקלדת ובמוצר הדסקטופ, ונתן לשלושתם אותה שפה ויזואלית.
למה: מבנה משותף אחד אומר שאין מה ללמוד מחדש בין הטלפון, הצ’אט והדסקטופ; מוכר שלמד לוח באפליקציה מוצא אותו באותה דרך בתוך Messenger ובמחשב. האלטרנטיבה החזקה ביותר הייתה לעצב מחדש את אפליקציית המובייל ואת המקלדת ולהשאיר את הדסקטופ כמו שהוא: מהיר יותר, והתפר בין הטלפון לדסקטופ היה נשאר.
הפשרה: שלושה משטחים לשמור בקצב, אחד מהם בתוך אפליקציה אחרת. הלוח הוא היחידה בשלושתם; כל משטח מציג אותו במקום שיש לו, רצועת מקלדת, מסך טלפון, עמוד דסקטופ.
מוצג בקייס סטאדי: Main hub, Mobile keyboard, Web.
2. כרטיסים ויזואליים במקום רשימות וגרידים של כפתורים
ההחלטה: תצוגת הרשימה של מסך הבית וגריד הכפתורים של הלוח הוחלפו באריחי תוכן ויזואליים שמוכר מזהה במבט, עם חיפוש, פילטרים לפי סוג תוכן, מיון ואפשרויות תצוגה כנתיב המהיר כשהאריח לא בטווח הראייה.
למה: למוכר יש שניות, באמצע שיחה, למצוא פריט תוכן; תמונה ממוזערת מזוהה מהר יותר מתווית שנקראת. עיצוב מחדש של הרשימות והגרידים הקיימים היה שומר על המבנה שהסתיר את התוכן מלכתחילה.
הפשרה: אריחים תופסים יותר מקום משורות, ולכן פחות פריטים נכנסים במסך. חיפוש ופילטרים נושאים את הזנב הארוך, ואותם אריחים מופיעים במקלדת, שם המקום הכי קטן.
מוצג בקייס סטאדי: Old vs New, Search & Filters, Main hub.
מה עלה לאוויר ומה זה עשה
כל מה שבקייס סטאדי עלה לאוויר ב-iOS, ב-Android ובווב בזמן שרותם היה על הפרויקט, למוכרים בארצות הברית ובאירופה, לחברות מכירה ישירה כמו זו שהפיד שלה מופיע בקייס סטאדי, Natura.
Boards מפרסמת מספרים משלה באתר שלה: יותר מ-3 מיליון משתמשים בעולם, יותר מ-3 מיליארד שיחות, יותר מ-50 אלף מצטרפים בחודש, ודירוג 4.8 בחנויות האפליקציות (boards.com/brands). הם מתארים את קנה המידה של הפלטפורמה; הם לא מדידה של העיצוב מחדש.
העובדות בעמוד הזה באות מהסיפור של רותם עצמו, מהקייס סטאדי של Boards ומציר הקריירה שלו. התוכן בתוך צילומי המסך הוא חומר לדוגמה, לא תוצאות.
מה רותם אפיין ועיצב ב-Boards
- עיצוב מחדש של אפליקציית מובייל: מסך הבית והלוחות כאריחי תוכן ויזואליים במקום רשימות טקסט וגריד של כפתורים, ל-iOS ול-Android.
- מקלדת תוכן בתוך Messenger: עיצוב מחדש של המקלדת (keyboard extension) שמביאה את ספריית התוכן לתוך הצ’אט, במצב בהיר וכהה.
- חיפוש וסינון: חיפוש עם פילטרים לפי סוג תוכן, מיון ואפשרויות תצוגה, למציאת פריט בשניות.
- אונבורדינג וקהילה: אונבורדינג לשגרירים עם וידאו ושלבים, פיד חברה, פרופיל והודעות, לכל חברת מכירה ישירה על הפלטפורמה.
- אתר דסקטופ עם אותם לוחות: מבנה אחד לטלפון, למקלדת ולמחשב, כדי שלא יהיה מה ללמוד מחדש.
- מוצר רב-חברות (multi-tenant): תוכן, מותג וקהילה של כל חברה בתוך מוצר אחד.
למי הקייס הזה רלוונטי
- חברת sales enablement, ספריית תוכן או כלי למכירה ישירה שמחפשת מעצב מוצר UX/UI פרילנסר.
- עיצוב מחדש מלא של אפליקציית מובייל קיימת עם משתמשים פעילים.
- מוצר שחי בתוך אפליקציה של מישהו אחר: מקלדת, תוסף או הרחבה לצ’אט.
- מוצר רב-פלטפורמי שצריך מבנה אחד ל-iOS, ל-Android ולווב.
- אפליקציית פרודוקטיביות למובייל עם חיפוש וגילוי תוכן.
שאלות נפוצות
מי אפיין ועיצב את Boards?
רותם אלימלך, כמעצב UX ומוצר מובייל פרילנסר, מהמחקר והאפיון ועד ה-UI, לצד אחד המייסדים שניהל את המוצר בפרויקט. הקייס סטאדי של Boards
מה רותם אלימלך עיצב ב-Boards?
את העיצוב מחדש המלא של המוצר ב-2022: המרכז הראשי של אפליקציית המובייל עם לוחות ואריחי תוכן ויזואליים, מקלדת התוכן ל-Messenger במצב בהיר וכהה, חיפוש עם פילטרים ומיון, אונבורדינג לשגרירים, פיד החברה, פרופיל והודעות, ואתר הדסקטופ עם אותם לוחות, כמעצב UX ומוצר מובייל פרילנסר.
האם הקייס הזה רלוונטי למוצר של sales enablement, ספריית תוכן או תוסף מקלדת?
כן. Boards היא sales enablement למוכרים ישירים: ספריית תוכן של חברה מסודרת בלוחות, שמגיעים אליה ממקלדת בתוך Messenger וצ’אטים אחרים, עם אותו מבנה בטלפון ובדסקטופ.
איזה ניסיון יש לרותם אלימלך בעיצוב מחדש של אפליקציות ובכלי מכירות?
עיצוב מחדש מלא של מוצר חי בשלוש פלטפורמות בבת אחת: אפליקציה, מקלדת בתוך Messenger ואתר דסקטופ, על בסיס אנליטיקה של האפליקציה, ראיונות עם מוכרים והידע של המייסד על חברות המכירה הישירה.
האם רותם עיצב בעצמו את המקלדת?
המקלדת הייתה קיימת לפני העיצוב מחדש; רותם עיצב אותה מחדש, במצב בהיר וכהה, ונתן לה את אותם לוחות ואריחים ויזואליים כמו באפליקציה ובווב. האפליקציה, האונבורדינג, מסכי הקהילה ואתר הדסקטופ הם עיצוב שלו גם כן.
מחפשים מאפיין או מעצב UX/UI לאפליקציית sales enablement, לספריית תוכן או לתוסף בתוך צ’אט?
Boards היא הדוגמה: מבנה לוחות אחד מהאפליקציה דרך המקלדת ועד הדסקטופ, ואריחים ויזואליים במקום רשימות. רותם זמין לפרויקטים כעצמאי, בריטיינר או בפרויקט מוגדר: עיצוב מחדש מלא של אפליקציה, ספריית תוכן או תהליך גילוי, מקלדת או הרחבה אחרת בתוך אפליקציה, או המוצר המלא מהמחקר ועד ה-UI ב-iOS, ב-Android ובווב. הפרופיל המלא · יצירת קשר
מה המספרים של Boards?
לפי האתר של Boards: יותר מ-3 מיליון משתמשים בעולם, יותר מ-3 מיליארד שיחות, יותר מ-50 אלף מצטרפים בחודש ודירוג 4.8 בחנויות האפליקציות. אלה מספרי הפלטפורמה, לא מדידה של העיצוב מחדש.
עבודה עם רותם
לצוות שבונה כלי sales enablement, ספריית תוכן, אפליקציית פרודוקטיביות למובייל או מוצר שחי בתוך אפליקציות של אנשים אחרים, רותם מביא את תהליך המוצר השלם, מחקר, אפיון מוצר, UX ועיצוב UI, ואת הניסיון של עיצוב מחדש של מוצר חי בשלוש פלטפורמות בבת אחת. זמינות, תעריפים ואיך הוא עובד נמצאים בפרופיל שלו.