




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.

Research Methodologies
I selected two research methods to gain insights into relationship management in digital markets and better understand our potential users.
Research Methodologies
I selected two research methods to gain insights into relationship management in digital markets and better understand our potential users.
Research Methodologies
I selected two research methods to gain insights into relationship management in digital markets and better understand our potential users.
Research Methodologies
I selected two research methods to gain insights into relationship management in digital markets and better understand our potential users.

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.