Product Design

The “Getting Started” component

AsSister

Style guide assistant

One of the essential principles of effective communication is consistency. When multiple teams collaborate, maintaining this consistency can be time-consuming and challenging.

AsSister is a vision for a system that leverages artificial intelligence to streamline and enhance the management and coordination of design systems. As a design checker, AsSister ensures that all design elements adhere to the established style guide, providing you with a thorough and efficient system.

By automating the design checking process, AsSister significantly reduces the time and effort required, allowing teams to focus on more creative aspects of their work and empowering them to control their tasks more.

Web design
Branding
Content Marketing

Thank you.

Many thanks for your valuable time. Here's what's next 👇

Overview

Before a customer clicks on the product, he often knows it through marketing and personal referrals. This initial exposure addresses a need or problem they have, prompting interest.

Crossing Gazes 😎

Product marketing is like making eye contact—the spark of interest. The next step is for the customer to take action and sign up.

The Sign-Up Experience

Sign-up involves multiple steps: registration and collecting information to tailor the service to the customer's needs. This interaction should be smooth and emotionally engaging, like a meaningful conversation that starts a relationship. The process must be quick, smooth, understandable, and well-explained.

Role

UX/UI Growth Product Designer.

Company

monday.com.

A concise dialogue between the customer and the company might look like this:

"Hey there, nice meeting you. You've arrived at the right place."

Opportunities & Challenges

Opportunities 💸

Reducing sign-up friction can significantly increase conversion rates.

Target Audience 👥

First-time users, especially those new to monday.com and other work management platforms, make up around fifty percent of the monday.com customer base.

User Problem 🚩

Signing up takes time and focus, which can deter potential customers.

Business Problem 📈

A complex sign-up process leads to drops in user acquisition.

Assumption 💡

Time is a critical factor in the decision-making process when purchasing a product.

Hypothesis 💭

Reducing the time and effort required to sign up will increase user motivation to complete the process.

Tests & Iterations

To enhance the sign-up experience, we conducted multiple tests. Here are three essential ones:

Google Connect Integration

We repositioned the Google Connect option above the email registration to autofill account details automatically.

Results

Google login increased sign-ups.

+4.5% Soft Sign-Up
4% Hard Sign-Up
+27% New Sign Ups

Checkbox Simplification

We replaced the checkbox with a click-to-accept button, a typical pattern among users, removing the need for an active decision.

Streamlined
Account Steps

We eliminated redundant steps for users signing up with Google to create a faster and more personalized experience.

Results

A shorter and effortless process increased
sign-ups.

+5% Hard Sign-Up
For Google connect users.

Onboarding Process Vision

Vision

Create a seamless, tailored, and flexible onboarding experience to help users quickly discover how our offering meets their needs.

Seamless

Smooth, continuous, with minimal disruptions.

Flexible

Redesign the sign-up process to be part of a holistic onboarding experience and build a design infrastructure for rapid testing.

Tailored

Personalized onboarding experience.

Sign-Up Redesign

What

Redesign the sign-up process to be part of a holistic onboarding experience and build a design infrastructure for rapid testing.

Why & How

Shorten Time Perception

Create visual consistency.

Reduce Noise

Move to a full-screen interface.

Simplify UX

Ensure a clean interface and clear messaging.

Follow-Up Enhancements

Value Proposition Visuality

Create visual representations of the product's features and capabilities that align with customer needs, encouraging continuation through the sign-up process.

Develop a visual language with the brand team to support multi-product differentiation and consistency.

Mobile Adaptation

Applied desktop registration process learnings to the mobile web, improving execution metrics for high-priority and low-priority tasks.

Results

Appling desktop success winning to mobile web increases activation metrics.

Home page
+31.6% Hard Sign-Up
+16.8% Board Load
+5% Move to Desktop
Landing page
+39.4% Hard Sign-Up
+28.8% Board Load
+12.6% Move to Desktop

Onboarding AI Vision

Implementing AI Technology Workshop:

Registration Process

Utilized AI to refine relevant questions for a more personalized user experience.

In-Platform Usage

Designed a user home page displaying relevant information based on their journey stage, leveraging machine learning for optimized content.

Branding

Formality

Incorporated shapes from the logo into a new structure.

Transparency

I Created an interface layer guiding the user through product interaction.

Colors

I blended warm and cool colors to balance technology with human elements.

Thank you.

Many thanks for your valuable time. Here's what's next 👇

Overview

Interactive Demo

The Wizard is an onboarding tool designed to quickly connect users to the platform's value, encourage more active engagement, and help users build their work processes efficiently.

Opportunity

Fifty percent of users who land on the system after signing up take no further action on the platform.

Target Audience

First-time users, especially those new to monday.com and other work management platforms, make up around fifty percent of the monday.com customer base.

Hypothesis

Creating a gradual onboarding experience can reduce the overwhelming feeling of landing on a board after signing up and increase the number of active users.

Role

UX/UI Growth Product Designer.

Company

monday.com.

Tests & Learning

Vision & Solution

Redesign: why redesign a tool that works?

User perspective

Recognizing the system's overwhelming nature, we interviewed users. We identified that narrowing the gap between the Wizard and the system can enhance user confidence, orientation, and overall experience smoothness.

Growth perspective

The Wizard is a profitable tool. Improving it will help onboard users to more complex features, capabilities, and products, necessitating a flexible structure.

Inspiration

Resemble the product while keeping it prominent, lean, and straightforward.

Guidelines: developing the onboarding experience

Conversation 💬

Use casual and straightforward messaging to build a long-term relationship.

Confirmation ✅

Showcase capabilities and features with simple images that align with the user's goals.

Clear & Explained 🎯

Communicate to the user what he needs to do and provide a logical reason why they should act.

Guided 🧭

Introduce the system's logic, terminology, usage, and hierarchy, providing as much guidance as necessary.

Confidence & Trust 🤝

Ensure the user feels they have found the right place and that their needs are covered.

Ownership & Accomplishment 🏆

Encourage users to interact with the system and celebrate their achievements.

The process

Flow

Sign-up
Wizard onboarding
System first use
Steps

Motivation & Expectations

Comprehensive Platform Familiarity

Transform the onboarding wizard into a hands-on learning experience that closely mimics the real-world usage of monday.com. This approach will gradually introduce users to the platform's various features and tools, enhancing their understanding and confidence. By demonstrating the platform's capabilities in a practical context, users will recognize its value, leading to greater adoption of advanced features and improved overall efficiency.

Learning

When simplifying the experience, the user gains the confidence to interact with the main board and explore. Complex areas with massive content need guidance with orientation.

Next step

Use the Getting Started component to overcome this gap and suggest sub-actions to complete.

Thank you.

Many thanks for your valuable time. Here's what's next 👇

עִםמַהוּת, הבית לאמהות שבדרך

אפיון ועיצוב אפליקציה לניהול, ריכוז וניתוח נתונים לנשים ומשפחות ישראליות.

המטרה

לסייע ולהקל בתהליך המורכב של טיפולי פוריות. לרכז את צרכי המידע, לנהל יומן טיפולים ולספק מענה מקיף החל מצ'אט עם צוות רפואי ועד לניתוח נתונים.

מחקר ואפיון
הפריה חוץ גופית ובקיצור, הח"ג

ידועה גם בשמות 'הפריה מלאכותית', 'הפריית מבחנה' ובאנגלית IVF. הינה אחד מן הטיפולים השכיחים ביותר בקרב טיפולי הפוריות המתקדמים וכוללת ארבעה שלבים עיקריים:

מטרות המחקר
  • מהם צרכי המידע העיקריים של המטופלות?
  • מהן הפעולות העיקריות שמבוצעות בסבב טיפולים?
  • כיצד מטופלות נערכות לטיפולים?
  • האם מורכבות ניהול הטיפולים משפיעה על רצף הטיפולים?
שיטות המחקר

סקר | 33 משתתפות
ראיון פתוח | 4 מרואיינות
התרשמויות | רשתות חברתיות

מטרות המחקר
  • מהם צרכי המידע העיקריים של המטופלות?
  • מהן הפעולות העיקריות אותן מבצעות מטופלות בסבב טיפולים?
  • כיצד מטופלות נערכות לטיפולים?
  • האם מורכבות ניהול הטיפולים משפיעה על רצף הטיפולים?
שיטות המחקר

סקר | 33 משתתפות
ראיון פתוח | 4 מרואיינות
התרשמויות | רשתות חברתיות

תוצאות המחקר
קהל יעד נשים
בגילאים 24-44
ניהול הטיפולים
מצריך זמן יקר
לרוב מעל 3 סבבי
טיפולים להריון
המידע אודות טיפולי
הח"ג נגיש חלקית
התאמת טיפול
באמצעות ניסוי וטעייה
חלוקה לרפואה ציבורית
ופרטית בהתאם לגיל
שימוש ביומן דיגיטלי /
ידני לניהול הטיפולים
שקלול מספר טיפולים
יסייע בתהליך
מעוניינות בקשר ישיר
עם הצוות הרפואי
הרוב מעוניינות
לשתף בתהליך
תוצאות המחקר
קהל יעד נשים
בגילאים 24-44
ניהול הטיפולים
מצריך זמן יקר
לרוב מעל 3 סבבי
טיפולים להריון
המידע אודות טיפולי
הח"ג נגיש חלקית
התאמת טיפול
באמצעות ניסוי וטעייה
חלוקה לרפואה ציבורית
ופרטית בהתאם לגיל
שימוש ביומן דיגיטלי /
ידני לניהול הטיפולים
שקלול מספר טיפולים
יסייע בתהליך
מעוניינות בקשר ישיר
עם הצוות הרפואי
הרוב מעוניינות
לשתף בתהליך
אז מה המטופלות נדרשות לעשות?
לשלוח טפסים
להוציא מרשמים
לבקש החזרים
לזמן תורים
לרכוש תרופות
לבצע בדיקות
להעביר תוצאות
לקבל הנחיות
ליטול תרופות
ופשוט להיות רגועות
פרסונות עיקריות
"הפעם אני עושה את זה בהליכה"
יעל "המנוסה"

גיל 36
מצב משפחתי נשואה + 1
היכרות עם טיפולי הפריה כן, הריון שני
מספר סבבים מעל 3
מקום מגורים תל-אביב
רפואה פרטית
עובדת כעצמאית
מסתייעת ביומן דיגיטלי

מוטיבציות מרכזיות
  • ניהול הטיפולים באופן יעיל ומהיר
  • זימון תורים ללא המתנה לנציג
  • קבלת הנחיות להמשך טיפול ללא צורך בזמינות המטופלת
  • קבלת מידע וניתוח של מספר טיפולים
  • קשר ישיר עם הצוות הרפואי
  • תרומת מידע למען מחקר
חששות מהמערכת
  • חשיפת מידע רגיש
  • ניהול טיפולים מסורבל שדורש זמן
  • חוסר סנכרון מול מערכות חיצוניות כגון: בית מרקחת, בי"ח, קופה וכו'
"לא מוצאת את הידיים והרגליים"
לאה "בתחילת הדרך"

גיל 32
מצב משפחתי נשואה טרייה
היכרות עם טיפולי הפריה לא, הריון ראשון
מספר סבבים 2
מקום מגורים חיפה
רפואה ציבורית
עובדת כשכירה
מסתייעת ביומן ידני

מוטיבציות מרכזיות
  • ניהול וקבלת התראות
  • שיתוף יומן טיפולים
  • בדיקת זמינות תרופות בבית המרקחת
  • הזמנת תרופות לאיסוף עצמי, או משלוח
  • קבלת מידע אודות סטטוס התרופות שלי
  • קבלת מידע אודות טיפולי הפריה חוץ גופית
חששות מהמערכת
  • עומס במידע
  • תקלות במערכת שיפגעו במהלך הטיפול
  • מידע שאינו תואם את המציאות, או מהימן
יעד עסקי

חשיפה אל 50% מהמטופלות המדווחות

מעבר של 30% מהמטופלות המדווחות אל שימוש באפליקציה ככלי לניהול הטיפולים

התממשקות המערכת עם גורמים חיצוניים: בי"ח, בימ"ק, קופ"ח, רופאים וצוות מטפל

מודל עסקי

Data, Subscription

סיפורי משתמשות
"הפעם אני עושה את זה בהליכה"

יעל "המנוסה"בתור יעל
אני רוצה לעקוב אחר המצב הבריאותי שלי בכל סבב (גופני ונפשי)
כדי שיהיה לי קל להסיק מסקנות אודות המשך הטיפול שמתאים לי

"לא מוצאת את הידיים ואת הרגליים"

לאה "בתחילת הדרך"בתור לאה
אני רוצה לקבל מידע אודות סטטוס התרופות שלי
כדי שיהיה לי קל לעקוב אחר המלאי

ארכיטקטורת המידע
קונספט המערכת
תובנות
לוח שנה
סטטוס יומי
דשבורד
טיפוגרפיה
לוגו עברית
Noto Sans Hebrew Bold
Noto Sans Hebrew Light
לוגו אנגלית
Poppins Bold
Poppins Light
ממשק
Heebo Bold
Heebo Regular
Heebo Light
צבעוניות
#F285AD
#526AFF
#F29F05
#F2F2F2
#D7D7D7
#000000
אייקונים
לוגו
גרסה אנגלית
אפליקציית המשך
Dreidel house
- Let your dreidel spin -

אפיון אתר מסחר לפריטי יודאיקה מקרמיקה, המיוצרים בעבודת יד ומשווקים בארץ ובחו"ל.

פרסונות עיקריות
"Home sweet home"
רייצ'ל "העורגת"

גיל 45
מצב משפחתי נשואה + 3
עיסוק עורכת תוכן
אוריינות טכנולוגית טובה מאוד
גישה למערכת Desktop + Mobile
ניסיון ב-E-commerce כן
מקום מגורים ברוקלין, ניו-יורק

רייצ'ל, עורכת תוכן ותיקה, מעוניינת לרכוש לעצמה קערת ליל הסדר לקראת החג המתקרב. רייצ'ל אמנם חיה בארה"ב מרבית חייה, אך הקשר שלה לישראל וליהדות הדוק. במשפחתה חוגגים את כל החגים והמועדים היהודיים, בנוסף לחגים נוצריים המונכחים בתרבות האמריקאית

מוטיבציות מרכזיות
  • מציאת קערה בעלת טקסט דו-לשוני
  • קבלת הפריט לפני החג
חששות מהמערכת
  • קבלת מוצר פגום עקב רגישות המוצר ומשלוח בין מדינות
  • אי קבלת הפריט בזמן

בתור רייצ'ל
אני רוצה לקבל מידע חזותי ומילולי אודות העיצוב
כדי שאוכל לוודא שהפריט כולל את שמות הסמלים בשתי שפות

בתור רייצ'ל
אני רוצה לקבל מידע אודות ספק המשלוחים
כדי שאוכל לבדוק ביקורות עליו

בתור רייצ'ל
אני רוצה לקבל מידע אודות זמני משלוח
כדי שאוכל לוודא שאקבל את הפריט בזמן

"אין טוב ממראה עיניים"
אהרון "הספקן"

גיל 38
מצב משפחתי נשוי + 4
עיסוק רואה חשבון
אוריינות טכנולוגית בסיסית
גישה למערכת Desktop
ניסיון ב-E-commerce לא
מקום מגורים ירושלים

אהרון, רואה חשבון עצמאי ובעל ניסיון, מעוניין לרכוש פמוטים לשבת, מתנה לאישתו. אהרון מעוניין להתרשם מהיצע החנות באתר, אך לרכוש בחנות הפיזית. הוא אינו בעל מחשב ביתי ומתכנן להשתמש במחשב בעבודה, על כן יש לו זמן מוגבל למציאת המתנה.

מוטיבציות מרכזיות
  • מציאת פריט הולם במחיר הוגן
  • בחירת פריט ורכישה מהחנות הפיזית
  • נגישות של אמצעי תחבורה לחנות
חששות מהמערכת
  • חוסר התמצאות באתר
  • עלות גבוהה

בתור אהרון
אני רוצה לסנן את המוצרים לפי מחיר
כדי שאוכל להתאים את הפריט לתקציב

בתור אהרון
אני רוצה לקבל מידע אודות דרכי התקשרות
כדי שאוכל לוודא טלפונית שהמוצר במלאי טרם ההגעה

בתור אהרון
אני רוצה לקבל מידע אודות שעות הפעילות
כדי שאוכל לתכנן מתי להגיע לחנות

"שוב בדקה התשעים"
אלה "המאחרת"

גיל 33
מצב משפחתי נשואה
עיסוק יועצת חינוכית
אוריינות טכנולוגית טובה
גישה למערכת Mobile
ניסיון ב-E-commerce כן
מקום מגורים רעננה

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

מוטיבציות מרכזיות
  • קניית פריט המתאים לסגנון של חמותה
  • אפשרות שילוח אקספרס
  • רכישת מוצר הניתן להחלפה
חששות מהמערכת
  • מידע מעומעם בנוגע להחזרות
  • עלות שילוח גבוהה
  • אי קבלת הפריט בזמן

בתור אלה
אני רוצה לקבל מידע אודות עלות משלוח
כדי שאוכל להתחשב בסה"כ העלויות בבחירת המוצר

בתור אלה
אני רוצה לקבל מידע מדיניות ההחזרה
כדי שאוכל לוודא שניתן להחזיר את המוצר במידה ואינו מתאים

בתור אלה
אני רוצה לבצע סינון לפי צבע
כדי שאוכל להתאים את הפריט להעדפות של חמתי

יעד עסקי

הרחבת קהלי היעד וגידול של 15% לפחות במכירות

צרכי מידע - הגדרה ותעדוף

יכולות חיוניות
  • הצגת מוצרים
  • הוספת מוצר לסל קניות
  • ביצוע תשלום
יכולות חשובות
  • יכולת הגדלה / הקטנה של תמונה
  • סימון מוצר כ'אהבתי' / שמירת מוצר למועד מאוחר
  • הרשמה לאתר / רכישה ללא הרשמה
  • הפנייה ישירות מהאתר אל יישומים (שיחה / ניווט)
  • סינון והשוואת מוצרים
  • FAQs , המלצות וביקורות, דירוג מוצר ומספר מדרגים
  • קבלת מידע אודות מדיניות משלוחים והחזרות
  • מציאת חנות בסביבה וקבלת מידע אודות שעות פעילות
  • חיפוש מרובה קטגוריות (מוצר / שאלה)
  • קבלת מידע אודות מוצרים חדשים / במבצע / מומלצים
  • אפשרויות שפה ונגישות
  • רכישת Gift Card
  • השארת הודעה / שליחת מייל / התקשרות טלפונית
  • קבלת מידע חזותי ומילולי אודות מוצר
Nice to have
  • יכולת סיבוב ˚360 של תמונה / וידיאו
  • שיתוף מוצר ברשתות חברתיות
  • הצטרפות למועדון לקוחות / רשימת תפוצה / Newsletter
  • מעקב הזמנה / משלוח
  • סידור מוצרים
  • Augmented Reality
  • הזמנה מראש לאירועי מכירה מיוחדים
  • קבלת קוד קופון
  • השראות / מוצר בפעולה / ?How do they do it
  • מידע היסטורי / על האמן / על החנות / אודות ניקיון ושמירה על המוצר
  • צ'אט עם נציג
  • מידע אודות דרכי הגעה
  • התראה כאשר מוצר חזר למלאי
  • מוצר בהזמנה אישית

macroPLUS הפלוס שלכם!

יצירת שפת מותג ועיצוב אתר לחברה המתמחה בניהול מודל ותיאום מערכות בניין ומספקת פתרון לעבודה מולטי דיסציפלינרית בתחום התכנון והביצוע.

עיצוב ומיתוג

ידועה גם בשמות 'הפריה מלאכותית', 'הפריית מבחנה' ובאנגלית IVF. הינה אחד מהטיפולים השכיחים ביותר בקרב טיפולי הפוריות המתקדמים וכוללת ארבעה שלבים עיקריים:

לוגו
Logomark
Slogan
Logotype
טיפוגרפיה
Titles
Raleway Black
Subtitles
Raleway Regular
Text
Heebo Regular
Logo
Raleway Black + Regular
Tagline
Heebo Bold
Numbers
Heebo Black
צבעוניות
Main colors
#056EF7
#FFFFFF
#00010D
Secondary colors
#038C33
#CCCCCC
#4D4D4D
Gradient
Gradient
#038C33
#056EF7
#002630
#00010D
צבעוניות
#056EF7
#FFFFFF
#038C33
#CCCCCC
#4D4D4D
#000000
Gradient
תרשימים
אייקונים
שפה צילומית

עיצוב אתר

Overview

Interactive Product Tour

The Getting Started (GS) component is an onboarding tool designed to guide users through the initial steps during their first interaction with the system.

Role

UX/UI Growth Product Designer.

Company

monday.com.

Opportunity

Fifty percent of users who land on the system after signing up take no further action on the platform.

Target Audience

First-time users, especially those new to monday.com and other work management platforms, make up around fifty percent of the monday.com customer base.

Hypothesis

Users need a clear next step.

Solution & Learning

Personalization

We learned that most users come to monday.com to manage tasks. By shifting our messaging to be more task-oriented, we achieved excellent results, connecting the platform's value more accurately and improving activation rates.

🚀
Tailored experience improves activation rates by +5% for the task management segment.

Messaging

We tested three versions of the initial heading using UserTesting and found that the version that included the user's name captured the most attention. Additionally, a CTA heading that welcomed the customer significantly drove more engagement. We established a consistent structure with a logical hierarchy and incorporated a personalized approach to our messaging.

Timing

Users showed increased activity when the component appeared, capturing their attention within approximately four seconds.

Educational Visuals

We created a consistent, animated visual language for educational content, working with the Vibe, brand, and motion teams. This approach used minimal features for maximum clarity and company reuse.

Positioning & indication

We added an animated indicator for orientation on the board to the component. We left the component stationary and provided a complimentary board for working.

Problems We Want to Solve

User problem 🚩

Users who land on the platform need help figuring out what to do next. The user lands on his main board—where he mainly works.

Business problem 📈

Inactivity and churn. Increasing user interaction with the system will increase the probability of him being a paying customer.

User behavior 🎬

We saw two variants of users: one who jumps around and clicks on every shiny button but doesn't take any meaningful action, and the other who does nothing.

User Journey

Research & Validation

In-Platform Questionnaire

To get accurate insights, we surveyed users and gathered evidence supporting the "Next step" hypothesis.

Interviews

We continuously engage with users to better understand their needs and find the best-fit offer.

Unmoderated Tools

We conducted various tests with different tools to evaluate our solutions and products.

Next steps

Multi-Products

We tested the most popular product and will adjust our learning to apply it to multiple products.

Segmentation

Implement targeted messaging for different user segments, supported by the GS task-oriented messaging test.

Feedback

To foster communication between the system and customers, we will use casual messaging that builds confidence.

Thank you.

Many thanks for your valuable time. Here's what's next 👇