Quick recommendation button appears beneath the input field to guide first-time users and lower the barrier to entry.

We introduced a playful chatbox design inspired by texting apps, creating a friendly, conversational tone that builds user trust. The result is a modern, usable interface that reflects the brand and welcomes first-time users, setting the foundation for future updates.

Adding functionality that allows users to quickly rephrase questions for improved specificity and control.

Reordering and enhancing the main navigation to include user-centric features such as a “Collaboration Center” and refined "Armet Help" section. "Armet Help" as a way to help users with onboarding and usage tips.

Adding functionality that allows users to quickly rephrase questions for improved specificity and control.

Reordering and enhancing the main navigation to include user-centric features such as a “Collaboration Center” and refined "Armet Help" section. "Armet Help" as a way to help users with onboarding and usage tips.

We introduced a playful chatbox design inspired by texting apps, creating a friendly, conversational tone that builds user trust. The result is a modern, usable interface that reflects the brand and welcomes first-time users, setting the foundation for future updates.

Quick recommendation button appears beneath the input field to guide first-time users and lower the barrier to entry.

Quick recommendation button appears beneath the input field to guide first-time users and lower the barrier to entry.

As an entry-level designer, I overlooked icon style consistency. While the main navigation used outlined icons, the redesigned “Collab Center” icon was filled (bold), disrupting visual hierarchy and causing confusion by drawing too much attention.

Inconsistent Icons
Solution

After team feedback, I updated the “Collab Center” icon to the outlined style used elsewhere in the navigation. This restored visual consistency, strengthened hierarchy, and improved clarity. I chose an icon of three people in a triangle to keep the collaborative theme.

During a design review, we found the labeling of the “Ask Armet” button confused users. It intended to provide support for onboarding and FAQs, but instead overlapped with the main help center causing user friction.

Confusing Labels

I reworded the navigation label to “Armet Help”, clarifying its role as a support and guidance resource. This adjustment aligned with user mental models, reduced interface ambiguity, and improved overall usability and navigational clarity.

Solution

Sophie Kamenov

Sophie Kamenov

As part of a broader effort to improve Fortanix’s new Armet chatbox service, I helped redesign the zero-state experience and the initial interaction flow. I collaborated closely with senior designers and the Head of Product Design to ensure our work aligned with our strategy and met high design standards.

Armet.AI ChatBox Redesign

resume

resume

resume

Armet.AI ChatBox Redesign

As part of a broader effort to improve Fortanix’s new Armet chatbox service, I helped redesign the zero-state experience and the initial interaction flow. I collaborated closely with senior designers and the Head of Product Design to ensure our work aligned with our strategy and met high design standards.

Problem
New users interacting with the Armet chatbox service lacked a clear, engaging, and intuitive entry point. The initial "zero-state" experience did not effectively onboard or guide users, resulting in:

  • Uncertainty about the chatbox's capabilities

  • Higher bounce rates or misaligned queries

  • Missed opportunities to build early trust or engagement


Solution
Redesign the zero-state and onboarding flow to:

  • Guide new users using suggested prompts with a cleaner interface

  • Enhance clarity by rewording confusing labels like “Ask Armet”

  • Improve visual consistency and reduce UI distractions by 15%

  • Introduce a more playful, human tone using design inspired by familiar messaging apps

Problem
New users interacting with the Armet chatbox service lacked a clear, engaging, and intuitive entry point. The initial "zero-state" experience did not effectively onboard or guide users, resulting in:

  • Uncertainty about the chatbox's capabilities

  • Higher bounce rates or misaligned queries

  • Missed opportunities to build early trust or engagement


Solution
Redesign the zero-state and onboarding flow to:

  • Guide new users using suggested prompts with a cleaner interface

  • Enhance clarity by rewording confusing labels like “Ask Armet”

  • Improve visual consistency and reduce UI distractions by 15%

  • Introduce a more playful, human tone using design inspired by familiar messaging apps

Process
Process
Process

Internal Research

What do we have already? What are we working with? Talking with product managers.

Competitive Research

What are our competitors such as ChatGPT, Claude.ai, Microsoft Copilot, and Perplexity including? How can we make out platform exceed performance?

Mock Up

Designing my takes on what should be changed.

Deliver

Present to senior designers and stakeholders for constructive criticism and discussion.

Narrowing it Down

Identify key design patterns and user expectations in the space.

Core Improvements to Armet.AI
Core Improvements to Armet.AI
Core Improvements to Armet.AI
Challenges and Learnings
Challenges and Learnings

We introduced a playful chatbox design inspired by texting apps, creating a friendly, conversational tone that builds user trust. The result is a modern, usable interface that reflects the brand and welcomes first-time users, setting the foundation for future updates.

Adding functionality that allows users to quickly rephrase questions for improved specificity and control.

Reordering and enhancing the main navigation to include user-centric features such as a “Collaboration Center” and refined "Armet Help" section. "Armet Help" as a way to help users with onboarding and usage tips.

menu

menu

menu

Zero-State Design

Zero-State Design

Conversational UI

Conversational UI

User-Centered Iteration

User-Centered Iteration

Onboarding

Onboarding

Internal Research

Internal Research

What do we have already? What are we working with? Talking with product managers.

What do we have already? What are we working with? Talking with product managers.

Competitive Research

Competitive Research

What are our competitors such as ChatGPT, Claude.ai, Microsoft Copilot, and Perplexity including? How can we make out platform exceed performance?

What are our competitors such as ChatGPT, Claude.ai, Microsoft Copilot, and Perplexity including? How can we make out platform exceed performance?

Mock Up

Mock Up

Designing my takes on what should be changed.

Designing my takes on what should be changed.

Deliver

Deliver

Present to senior designers and stakeholders for constructive criticism and discussion.

Present to senior designers and stakeholders for constructive criticism and discussion.

Narrowing it Down

Narrowing it Down

Identify key design patterns and user expectations in the space.

Identify key design patterns and user expectations in the space.

Problem
New users interacting with the Armet chatbox service lacked a clear, engaging, and intuitive entry point. The initial "zero-state" experience did not effectively onboard or guide users, resulting in:

  • Uncertainty about the chatbox's capabilities

  • Higher bounce rates or misaligned queries

  • Missed opportunities to build early trust or engagement


Solution
Redesign the zero-state and onboarding flow to:

  • Guide new users using suggested prompts with a cleaner interface

  • Enhance clarity by rewording confusing labels like “Ask Armet”

  • Improve visual consistency and reduce UI distractions by 15%

  • Introduce a more playful, human tone using design inspired by familiar messaging apps

I reworded the navigation label to “Armet Help”, clarifying its role as a support and guidance resource. This adjustment aligned with user mental models, reduced interface ambiguity, and improved overall usability and navigational clarity.

During a design review, we found the labeling of the “Ask Armet” button confused users. It intended to provide support for onboarding and FAQs, but instead overlapped with the main help center causing user friction.

Confusing Labels
Solution

As an entry-level designer, I overlooked icon style consistency. While the main navigation used outlined icons, the redesigned “Collab Center” icon was filled (bold), disrupting visual hierarchy and causing confusion by drawing too much attention.

Inconsistent Icons
Solution

After team feedback, I updated the “Collab Center” icon to the outlined style used elsewhere in the navigation. This restored visual consistency, strengthened hierarchy, and improved clarity. I chose an icon of three people in a triangle to keep the collaborative theme.

I reworded the navigation label to “Armet Help”, clarifying its role as a support and guidance resource. This adjustment aligned with user mental models, reduced interface ambiguity, and improved overall usability and navigational clarity.

During a design review, we found the labeling of the “Ask Armet” button confused users. It intended to provide support for onboarding and FAQs, but instead overlapped with the main help center causing user friction.

Confusing Labels
Solution

As an entry-level designer, I overlooked icon style consistency. While the main navigation used outlined icons, the redesigned “Collab Center” icon was filled (bold), disrupting visual hierarchy and causing confusion by drawing too much attention.

Inconsistent Icons
Solution

After team feedback, I updated the “Collab Center” icon to the outlined style used elsewhere in the navigation. This restored visual consistency, strengthened hierarchy, and improved clarity. I chose an icon of three people in a triangle to keep the collaborative theme.

As part of a broader effort to improve Fortanix’s new Armet chatbox service, I helped redesign the zero-state experience and the initial interaction flow. I collaborated closely with senior designers and the Head of Product Design to ensure our work aligned with our strategy and met high design standards.

Zero-State Design

Zero-State Design

Conversational UI

Conversational UI

User-Centered Iteration

User-Centered Iteration

Onboarding

Onboarding