Humblebrage AI

Humblebrage AI

Humblebrag is an AI startup company and serving as an AI relationship assistant, empowering users to curate, nurture, and activate their personal networks.

Humblebrag is an AI startup company and serving as an AI relationship assistant, empowering users to curate, nurture, and activate their personal networks.

Humblebrag is an AI startup company and serving as an AI relationship assistant, empowering users to curate, nurture, and activate their personal networks.

Project Overall

Project Objective :

Create an intuitive, user-friendly, and human-centered way for intentional relationship builders to curate, nurture, and activate the relationships in their network based on their current professional goals and timing with current projects and interests. 

My Roles

  • UX Research

  • UX Designer

  • UI Designer

Tools

  • Figma / FigJam / Canva

  • Maze

  • Google Drive

  • Zoom

     

Others

Duration : Nov2023 - Feb2024

Team : 4 UX designers

Client : Humblebrag

Project Overall

Project Objective :

Create an intuitive, user-friendly, and human-centered way for intentional relationship builders to curate, nurture, and activate the relationships in their network based on their current professional goals and timing with current projects and interests. 

My Roles

  • UX Research

  • UX Designer

  • UI Designer

Tools

  • Figma / FigJam / Canva

  • Maze

  • Google Drive

  • Zoom

     

Others

Duration : Nov2023 - Feb2024

Team : 4 UX designers

Client : Humblebrag

Project Overall

Project Objective :

Create an intuitive, user-friendly, and human-centered way for intentional relationship builders to curate, nurture, and activate the relationships in their network based on their current professional goals and timing with current projects and interests. 

My Roles

  • UX Research

  • UX Designer

  • UI Designer

Tools

  • Figma / FigJam / Canva

  • Maze

  • Google Drive

  • Zoom

     

Others

Duration : Nov2023 - Feb2024

Team : 4 UX designers

Client : Humblebrag

Project Overall

Project Objective :

Create an intuitive, user-friendly, and human-centered way for intentional relationship builders to curate, nurture, and activate the relationships in their network based on their current professional goals and timing with current projects and interests. 

My Roles

  • UX Research

  • UX Designer

  • UI Designer

Tools

  • Figma / FigJam / Canva

  • Maze

  • Google Drive

  • Zoom

     

Others

Duration : Nov2023 - Feb2024

Team : 4 UX designers

Client : Humblebrag

Research

Research Goals :

I aimed to understand challenges in managing professional and personal relationships, their expectations for relationship management, characteristics of intentional relationship

builders, key tools used, and the relationship cycle from the user's perspective.

Research

Research Goals :

I aimed to understand challenges in managing professional and personal relationships, their expectations for network management, characteristics of intentional relationship builders, key tools used, and the relationship cycle from the user's perspective.

Research

Research Goals :

I aimed to understand challenges in managing professional and personal relationships, their expectations for network management, characteristics of intentional relationship builders, key tools used, and the relationship cycle from the user's perspective.

Research

Research Goals :

I aimed to understand challenges in managing professional and personal relationships, their expectations for relationship management, characteristics of intentional relationship builders, key tools used, and the relationship cycle from the user's perspective.

Competitive Analysis Key Takeaways

From studying our competitors, I discovered that we could better address user needs by incorporating:

  • Social Media Integrations

  • IOS app Potential

  • Security Concerns

Opportunities for Improvement

The original plan was to create a web app platform. However, following a competitive analysis, evaluating the practicality and importance of developing a mobile app emerged as a promising opportunity.

Competitive Analysis Key Takeaways

From studying our competitors, I discovered that we could better address user needs by incorporating:

  • Social Media Integrations

  • IOS app Potential

  • Security Concerns

Opportunities for Improvement

The original plan was to create a web app platform. However, following a competitive analysis, evaluating the practicality and importance of developing a mobile app emerged as a promising opportunity.

Competitive Analysis Key Takeaways

After analyzing our competitors, I found opportunities to better address user needs by integrating :

  • Social Media Integrations

  • IOS app Potential

  • Security Concerns

Opportunities for Improvement

The original plan was to create
a web app platform. However, following a competitive analysis, evaluating the practicality and importance of developing
a mobile app emerged as
a promising opportunity.

Competitive Analysis Key Takeaways

From studying our competitors, I discovered that we could better address user needs by incorporating:

  • Social Media Integrations

  • IOS app Potential

  • Security Concerns

Opportunities for Improvement

The original plan was to create a web app platform. However, following a competitive analysis, evaluating the practicality and importance of developing a mobile app emerged as a promising opportunity.

User Interview Results
User Interview Results

To ensure unbiased results, I conducted interviews with open-ended questions related to the following topics.

To ensure unbiased results, I conducted interviews with open-ended questions related to the following topics.

To ensure unbiased results, I conducted interviews with open-ended questions related to the following topics.

  • Challenges of managing/building their professional and personal relationships

  • Habits/rituals of Intentional Relationship Builders

  • Relationship building process 

  • Desires and goals to help them build relationships

  • Challenges of managing/building their professional and personal relationships

  • Habits/rituals of Intentional Relationship Builders

  • Relationship building process 

  • Desires and goals to help them build relationships

Through collaborative brainstorming sessions with my team, we collected 151 data points, identified 20 patterns, and extracted 15 insights. These efforts culminated in the key takeaways outlined below.

Through collaborative brainstorming sessions with my team, we collected 151 data points, identified 20 patterns, and extracted 15 insights. These efforts culminated in the key takeaways outlined below.

"Connections are invaluable! However, with my hectic schedule, it's quite difficult to sustain meaningful relationships and feel at ease when seeking assistance from my network."

"Connections are invaluable! However, with
my hectic schedule,

it's quite difficult to sustain
meaningful relationships

and feel at ease when seeking
assistance from my network."

"Connections are invaluable! However, with my hectic schedule, it's quite difficult to sustain meaningful relationships and feel at ease when seeking assistance from my network."

"Connections are invaluable! However, with my hectic schedule, it's quite difficult to sustain meaningful relationships and feel at ease when seeking assistance from my network."

User Interview Key Findings

  • 80 % of users shared that mutual value exchange is important in strong relationship.

  • All users had common tools like email, messaging apps, and social media facilitate connections with contacts.

  • 60 % of users shared that mobile phones are favored for managing relationships due to their accessibility.

  • Users expressed that regular check-ins are key for maintaining meaningful connections

  • Individuals prefer human control over engagements with network contacts rather than relying on virtual assistants.

User Interview Key Findings

  • 80 % of users shared that mutual value exchange is important in strong relationship.

  • All users had common tools like email, messaging apps, and social media facilitate connections with contacts.

  • 60 % of users shared that mobile phones are favored for managing relationships due to their accessibility.

  • Users expressed that regular check-ins are key for maintaining meaningful connections

  • Individuals prefer human control over engagements with network contacts rather than relying on virtual assistants.

User Interview Key Findings

  • 80 % of users shared that mutual value exchange is important in strong relationship.

  • All users had common tools like email, messaging apps, and social media facilitate connections with contacts.

  • 60 % of users shared that mobile phones are favored for managing relationships due to their accessibility.

  • Users expressed that regular check-ins are key for maintaining meaningful connections

  • Individuals prefer human control over engagements with network contacts rather than relying on virtual assistants.

User Interview Key Findings

  • 80 % of users shared that mutual value exchange is important in strong relationship.

  • All users had common tools like email, messaging apps, and social media facilitate connections with contacts.

  • 60 % of users shared that mobile phones are favored for managing relationships due to their accessibility.

  • Users expressed that regular check-ins are key for maintaining meaningful connections

  • Individuals prefer human control over engagements with network contacts rather than relying on virtual assistants.

Persona

I synthesized this data to create a comprehensive persona. This detailed persona, reflecting the users' diverse needs and guiding future design decisions.

Persona

I synthesized this data to create a comprehensive persona. This detailed persona, reflecting the users' diverse needs and guiding future design decisions.

Persona

I synthesized this data to create a comprehensive persona. This detailed persona, reflecting the users' diverse needs and guiding future design decisions.

Persona

I synthesized this data to create a comprehensive persona. This detailed persona, reflecting the users' diverse needs and guiding future design decisions.

User Journey

I created a user journey based on research findings to identify and visualize user pain points. Here, I shared Jax's journey, illustrating his efforts to cultivate key relationships within his network to advance his goals and interests.

User Journey

I created a user journey based on research findings to identify and visualize user pain points. Here, I shared Jax's journey, illustrating his efforts to cultivate key relationships within his network to advance his goals and interests.

User Journey

I created a user journey based on research findings to identify and visualize user pain points. Here, I shared Jax's journey, illustrating his efforts to cultivate key relationships within his network to advance his goals and interests.

User Journey

I created a user journey based on research findings to identify and visualize user pain points. Here, I shared Jax's journey, illustrating his efforts to cultivate key relationships within his network to advance his goals and interests.


How might we support individuals in naturally and genuinely nurturing their relationships, discovering commonalities, and benefiting from diverse professional values?


How might we support individuals
in naturally and genuinely
nurturing their relationships,
discovering commonalities,
and benefiting from diverse
professional values?


How might we support individuals in naturally and genuinely nurturing their relationships, discovering commonalities, and benefiting from diverse professional values?


How might we support individuals in naturally and genuinely nurturing their relationships, discovering commonalities, and benefiting from diverse professional values?

UX Design

I take both business goals and user goals into account! I prioritized Humblebrag's primary objective of creating an MVP, while also considering a deeper understanding of user desires. This process enabled me to successfully identify the convergence between the two.

UX Design

I take both business goals and user goals into account! I prioritized Humblebrag's primary objective of creating an MVP, while also considering a deeper understanding of user desires. This process enabled me to successfully identify the convergence between the two.

UX Design

I take both business goals and user goals into account! I prioritized Humblebrag's primary objective of creating an MVP, while also considering a deeper understanding of user desires. This process enabled me to successfully identify the convergence between the two.

UX Design

I take both business goals and user goals into account! I prioritized Humblebrag's primary objective of creating an MVP, while also considering a deeper understanding of user desires. This process enabled me to successfully identify the convergence between the two.

Design Direction

After research, my team compiled a feature list categorizing them into Must-Haves and Nice-to Haves based on impact and development effort. Must-Haves are crucial, while Nice-to-Haves enhance the user experience. These features address the project's challenge, goal, and problem statement.

Design Direction

After research, my team compiled a feature list categorizing them into Must-Haves and Nice-to Haves based on impact and development effort. Must-Haves are crucial, while Nice-to-Haves enhance the user experience. These features address the project's challenge, goal, and problem statement.

Design Direction

After research, my team compiled a feature list categorizing them into Must-Haves and Nice-to Haves based on impact and development effort. Must-Haves are crucial, while Nice-to-Haves enhance the user experience. These features address the project's challenge, goal, and problem statement.

Design Direction

After research, my team compiled a feature list categorizing them into Must-Haves and Nice-to Haves based on impact and development effort. Must-Haves are crucial, while Nice-to-Haves enhance the user experience. These features address the project's challenge, goal, and problem statement.

The Research-Influenced Decision

Initially, Humblebrag planned a Chrome extension and website. However, research revealed misalignment with user needs. Subsequently, my team presented feature lists, and Humblebrag chose to move forward with a mobile app instead.

The Research-Influenced Decision

Initially, Humblebrag planned a Chrome extension and website. However, research revealed misalignment with user needs. Subsequently, my team presented feature lists, and Humblebrag chose to move forward with a mobile app instead.

The Research-Influenced Decision

Initially, Humblebrag planned a Chrome extension and website. However, research revealed misalignment with user needs. Subsequently, my team presented feature lists, and Humblebrag chose to move forward with a mobile app instead.

The Research-Influenced Decision

Initially, Humblebrag planned a Chrome extension and website. However, research revealed misalignment with user needs. Subsequently, my team presented feature lists, and Humblebrag chose to move forward with
a mobile app instead.

Key User Task Flows

After deciding the device we would work on, I initiated the design of user and task flows. Here,I present 3 key task flows that had a substantial impact and were highly effective according to user feedback.

Key User Task Flows

After deciding the device we would work on, I initiated the design of user and task flows. Here, I present 3 key task flows that had a substantial impact and were highly effective according to user feedback.

Key User Task Flows

After deciding the device we would work on, I initiated the design of user and task flows. Here, I present 3 key task flows that had a substantial impact and were highly effective according to user feedback.

Key User Task Flows

After deciding the device we would work on, I initiated the design of user and task flows. Here,I present 3 key task flows that had a substantial impact and were highly effective according to user feedback.

UI Design

Wireframes

My team and I brainstormed to explore different layout and functionality options, consider user needs and preferences, and generate innovative design solutions. This collaborative process also enabled us to gather feedback and iterate on ideas to create wireframes that effectively meet the project requirements.

Style Tiles

I revamped the style guide to reflect the client's vision of making Humblebrag fun and welcoming. Incorporating vibrant colors such as green and blue, the design exudes professionalism, modernity, and energy simultaneously.

UI Design

Wireframes

My team and I brainstormed to explore

different layout and functionality options, consider user needs and preferences, and generate innovative design solutions.

This collaborative process also enabled

us to gather feedback and iterate on

ideas to create wireframes that

effectively meet the project requirements.

Style Tiles

I revamped the style guide to reflect the client's vision of making Humblebrag fun and welcoming. Incorporating vibrant colors such as green and blue, the design exudes professionalism, modernity, and energy simultaneously.

UI Design

Wireframes

My team and I brainstormed to explore different layout and

functionality options, consider user needs and preferences,

and generate innovative design solutions. This collaborative

process also enabled us to gather feedback and iterate on

ideas to create wireframes that effectively meet the project

requirements.

Style Tiles

I revamped the style guide to reflect the client's vision of making Humblebrag fun and welcoming. Incorporating vibrant colors such as green and blue, the design exudes professionalism, modernity, and energy simultaneously.

UI Design

Wireframes

My team and I brainstormed to explore different layout and functionality options, consider user needs and preferences, and generate innovative design solutions. This collaborative process also enabled us to gather feedback and iterate on ideas to create wireframes that effectively meet the project requirements.

Style Tiles

I revamped the style guide to reflect the client's vision of making Humblebrag fun and welcoming. Incorporating vibrant colors such as green and blue, the design exudes professionalism, modernity, and energy simultaneously.

Solutions

After 12 usability tests, I iterated to implement key solutions for better user satisfaction and developer guidance.


We could support individuals in naturally and genuinely nurturing their relationships, discovering commonalities, and benefiting from diverse professional values with these 3 main features that worked when tested!


  • Notifications/ reminder to engage with key contacts, to evaluate the relationship and the recap and rate their meetings.

  • The Relationship Progress page that allows users to monitor their engagement, view timelines, and access relationship management tools.

  • Templated messages in Humblebrag that helps users communicate effectively with their contacts, fostering relationship growth.

Solutions

After 12 usability tests, I iterated to implement key solutions for better user satisfaction and developer guidance.


We could support individuals in naturally and genuinely nurturing their relationships, discovering commonalities, and benefiting from diverse professional values with these 3 main features that worked when tested!


  • Notifications/ reminder to engage with key contacts, to evaluate the relationship and the recap and rate their meetings.

  • The Relationship Progress page that allows users to monitor their engagement, view timelines, and access relationship management tools.

  • Templated messages in Humblebrag that helps users communicate effectively with their contacts, fostering relationship growth.

Solutions

After 12 usability tests, I iterated to implement key solutions for better user satisfaction and developer guidance.


We could support individuals in naturally and genuinely nurturing their relationships, discovering commonalities, and benefiting from diverse professional values with these 3 main features that worked when tested!


  • Notifications/ reminder to engage with key contacts, to evaluate the relationship and the recap and rate their meetings.

  • The Relationship Progress page that allows users to monitor their engagement, view timelines, and access relationship management tools.

  • Templated messages in Humblebrag that helps users communicate effectively with their contacts, fostering relationship growth.

Solutions

After 12 usability tests, I iterated to implement key solutions for better user satisfaction and developer guidance.


We could support individuals in naturally and genuinely nurturing their relationships, discovering commonalities, and benefiting from diverse professional values with these 3 main features that worked when tested!


  • Notifications/ reminder to engage with key contacts, to evaluate the relationship and the recap and rate their meetings.

  • The Relationship Progress page that allows users to monitor their engagement, view timelines, and access relationship management tools.

  • Templated messages in Humblebrag that helps users communicate effectively with their contacts, fostering relationship growth.

Prototype

Key Takeaways

Key Takeaways

Key Takeaways

  • Continuous Improvement: Throughout this project, I engaged in a cycle of designing,

    deleting, and rethinking multiple times, realizing that the more iterations I made, the more my

    design improved.

  • Strategic Decision-Making: I believe that bringing users' needs into the design process is achievable when we have robust research as a foundation and a supportive client who genuinely cares about their users.

  • Project Ownership: I take full ownership of the project, understanding my individual responsibilities, and actively contributing to the overall success of the team.

  • Continuous Improvement: Throughout this project, I engaged in a cycle of designing,

    deleting, and rethinking multiple times, realizing that the more iterations I made, the more my

    design improved.

  • Strategic Decision-Making: I believe that bringing users' needs into the design process is achievable when we have robust research as a foundation and a supportive client who genuinely cares about their users.

  • Project Ownership: I take full ownership of the project, understanding my individual responsibilities, and actively contributing to the overall success of the team.

  • Continuous Improvement: Throughout this project, I engaged in a cycle of designing,

    deleting, and rethinking multiple times, realizing that the more iterations I made, the more my

    design improved.

  • Strategic Decision-Making: I believe that bringing users' needs into the design process is achievable when we have robust research as a foundation and a supportive client who genuinely cares about their users.

  • Project Ownership: I take full ownership of the project, understanding my individual responsibilities, and actively contributing to the overall success of the team.

Explore more

Explore more

Explore more