Rated 9.15 overall: Access the power of multiple LLMs in a user-friendly interface.

OmniGPT is an all-in-one solution that enhances collaboration and communication by leveraging advanced AI to automate routine tasks and inquiries, saving time and resources. Its accessible pricing model makes OmniGPT suitable for businesses of all sizes.

Role

UX Designer, UI Designer

Timeline

December 2023 - March 2024

Team

3 UX Designers

2 Product Manager

Deliverables

User Research

User Interviews

User Personas

User Journey Maps

User Interface Kit

User Interface Design

Prototypes

Design Documentation

OmniGPT helps make conversations more efficient and effective by allowing you to collaborate and communicate with colleagues, customers, and partners across multiple channels. Additionally, OmniGPT’s intuitive dashboard and user-friendly interface make it easy for users to quickly get up to speed.With OmniGPT, you can save time and resources while improving collaboration and communication.

OmniGPT helps make conversations more efficient and effective by allowing you to collaborate and communicate with colleagues, customers, and partners across multiple channels. Additionally, OmniGPT’s intuitive dashboard and user-friendly interface make it easy for users to quickly get up to speed.With OmniGPT, you can save time and resources while improving collaboration and communication.

OmniGPT helps make conversations more efficient and effective by allowing you to collaborate and communicate with colleagues, customers, and partners across multiple channels. Additionally, OmniGPT’s intuitive dashboard and user-friendly interface make it easy for users to quickly get up to speed.With OmniGPT, you can save time and resources while improving collaboration and communication.

By harnessing the power of advanced artificial intelligence (AI), OmniGPT can automate routine tasks and inquiries, saving you time and resources. With an accessible pricing model, OmniGPT is suitable for businesses of all sizes.

By harnessing the power of advanced artificial intelligence (AI), OmniGPT can automate routine tasks and inquiries, saving you time and resources. With an accessible pricing model, OmniGPT is suitable for businesses of all sizes.

By harnessing the power of advanced artificial intelligence (AI), OmniGPT can automate routine tasks and inquiries, saving you time and resources. With an accessible pricing model, OmniGPT is suitable for businesses of all sizes.

OmniGPT is an all-in-one solution designed to make collaboration and communication more efficient and productive.

OmniGPT is an all-in-one solution designed to make collaboration and communication more efficient and productive.

OmniGPT is an all-in-one solution designed to make collaboration and communication more efficient and productive.

Pioneering Team Collaboration with AI Innovation

Pioneering Team Collaboration with AI Innovation

Pioneering Team Collaboration with AI Innovation

Phase 3

Phase 3

Usability testing with 12 users showed we were headed in the right direction

Usability testing with 12 users showed we were headed in the right direction

Usability testing with 12 users showed we were headed in the right direction

To ensure the usability of OmniGPT, we conducted surveys with 12 users and calculated the System Usability Scale (SUS) score. The feedback provided valuable insights, resulting in a final SUS score of 71.

To ensure the usability of OmniGPT, we conducted surveys with 12 users and calculated the System Usability Scale (SUS) score. The feedback provided valuable insights, resulting in a final SUS score of 71.

Survey results from the System Usability Scale. Anything below 68 is considered below average.

Survey results from the System Usability Scale. Anything below 68 is considered below average.

Survey results from the System Usability Scale. Anything below 68 is considered below average.

Designing the User Interface for Optimal User Engagement and Efficiency

Designing the User Interface for Optimal User Engagement and Efficiency

Designing the User Interface for Optimal User Engagement and Efficiency

With a solid design system in place, we proceeded to design the user interface for OmniGPT to ensure a visually appealing and user-friendly experience. The UI was developed in both light and dark modes, but I am only showcasing the dark mode here.

With a solid design system in place, we proceeded to design the user interface for OmniGPT to ensure a visually appealing and user-friendly experience. The UI was developed in both light and dark modes, but I am only showcasing the dark mode here.

A closer look at the design

A closer look at the design

A closer look at the design

Here, I have highlighted key features to guide you through the OmniGPT interface.

Here, I have highlighted key features to guide you through the OmniGPT interface.

A design for all devices

A design for all devices

A design for all devices

As one of the goals of the design was to make the design responsive, all components and pages had to be built with three breakpoints. Non-critical information was hidden behind collapsed cards on smaller screen, utilizing progressive disclosure to provide primary information first and secondary information, only when needed.

As one of the goals of the design was to make the design responsive, all components and pages had to be built with three breakpoints. Non-critical information was hidden behind collapsed cards on smaller screen, utilizing progressive disclosure to provide primary information first and secondary information, only when needed.

Introducing the OmniGPT Landing Page

Introducing the OmniGPT Landing Page

Introducing the OmniGPT Landing Page

To conclude the UI design phase, we created a landing page for OmniGPT that effectively showcases the platform's features and benefits. This page is designed to captivate potential users and provide a clear overview of what OmniGPT offers.

To conclude the UI design phase, we created a landing page for OmniGPT that effectively showcases the platform's features and benefits. This page is designed to captivate potential users and provide a clear overview of what OmniGPT offers.

Comprehensive design documentation streamlined development for a cohesive end product

Comprehensive design documentation streamlined development for a cohesive end product

Comprehensive design documentation streamlined development for a cohesive end product

There were 3 UX designers involved in the development of the design. Detailed design documentation was prepared to ensure there were no inconsistencies in how the design got implemented, including design specifications, annotated mockups, and interactive prototypes. The aim was to ensure smooth transition from design to code, promoting consistency and fidelity in the final product.

There were 3 UX designers involved in the development of the design. Detailed design documentation was prepared to ensure there were no inconsistencies in how the design got implemented, including design specifications, annotated mockups, and interactive prototypes. The aim was to ensure smooth transition from design to code, promoting consistency and fidelity in the final product.

Phase 2

Phase 2

OmniGPT’s Design System unified interface designs and enhanced visual consistency.

OmniGPT’s Design System unified interface designs and enhanced visual consistency.

OmniGPT’s Design System unified interface designs and enhanced visual consistency.

To establish a cohesive visual and functional framework, we developed a design system for OmniGPT. This system ensured consistency across the platform and streamlined the design process, effectively addressing the usability issues identified in earlier steps.

To establish a cohesive visual and functional framework, we developed a design system for OmniGPT. This system ensured consistency across the platform and streamlined the design process, effectively addressing the usability issues identified in earlier steps.

To establish a cohesive visual and functional framework, we developed a design system for OmniGPT. This system ensured consistency across the platform and streamlined the design process, effectively addressing the usability issues identified in earlier steps.

Phase 1

Phase 1

Interviews with Users Uncovered the Challenges in Managing Multiple AI Models and Integrations.

Interviews with Users Uncovered the Challenges in Managing Multiple AI Models and Integrations.

Interviews with Users Uncovered the Challenges in Managing Multiple AI Models and Integrations.

To uncover the specific challenges users faced in managing multiple AI models and integrations, User Research team conducted interviews with 22 stakeholders from various sectors, including IT, marketing, and customer support.

Our goal was to understand how they use the LLMs, identify potential improvements, and validate user personas.

To uncover the specific challenges users faced in managing multiple AI models and integrations, User Research team conducted interviews with 22 stakeholders from various sectors, including IT, marketing, and customer support.

Our goal was to understand how they use the LLMs, identify potential improvements, and validate user personas.

Switching between AI models disrupts our workflow; we need seamless integration.

Switching between AI models disrupts our workflow; we need seamless integration.

Switching between AI models disrupts our workflow; we need seamless integration.

Alex
IT Manager

Alex
IT Manager

Managing multiple AI subscriptions is a hassle; a unified platform would streamline processes.

Managing multiple AI subscriptions is a hassle; a unified platform would streamline processes.

Managing multiple AI subscriptions is a hassle; a unified platform would streamline processes.

Samantha
Marketing Specialist

Samantha
Marketing Specialist

Training on various AI tools is challenging; a single interface would simplify training and boost productivity.

Training on various AI tools is challenging; a single interface would simplify training and boost productivity.

Training on various AI tools is challenging; a single interface would simplify training and boost productivity.

John
Customer Support Lead

John
Customer Support Lead

User Interviews Revealed Four Key Pain Points in Managing AI Models and Integrations

User Interviews Revealed Four Key Pain Points in Managing AI Models and Integrations

User Interviews Revealed Four Key Pain Points in Managing AI Models and Integrations

1

1

1

Workflow Disruption

Workflow Disruption

Workflow Disruption

Switching between different AI models causes inefficiencies and workflow fragmentation.

Switching between different AI models causes inefficiencies and workflow fragmentation.

Switching between different AI models causes inefficiencies and workflow fragmentation.

2

2

2

Multiple Subscriptions

Multiple Subscriptions

Multiple Subscriptions

Managing various AI model subscriptions is time-consuming and costly.

Managing various AI model subscriptions is time-consuming and costly.

Managing various AI model subscriptions is time-consuming and costly.

3

3

3

Training Complexity

Training Complexity

Training Complexity

Training staff on multiple AI tools is challenging and resource-intensive.


Training staff on multiple AI tools is challenging and resource-intensive.


Training staff on multiple AI tools is challenging and resource-intensive.


4

4

4

Integration Issues

Integration Issues

Integration Issues

Integrating AI models with existing tools leads to compatibility problems and reduced effectiveness.

Integrating AI models with existing tools leads to compatibility problems and reduced effectiveness.

Integrating AI models with existing tools leads to compatibility problems and reduced effectiveness.

Understanding User Needs Led to Developing Targeted User Personas

Understanding User Needs Led to Developing Targeted User Personas

Understanding User Needs Led to Developing Targeted User Personas

In total, we identified five user personas that engage with OmniGPT. However, for this section, we focused on two primary personas: the IT Manager and the Marketing Specialist.

In total, we identified five user personas that engage with OmniGPT. However, for this section, we focused on two primary personas: the IT Manager and the Marketing Specialist.

In total, we identified five user personas that engage with OmniGPT. However, for this section, we focused on two primary personas: the IT Manager and the Marketing Specialist.

Mapping out their journey helped us identify the Key Challenges

Mapping out their journey helped us identify the Key Challenges

Mapping out their journey helped us identify the Key Challenges

To pinpoint the exact issues users faced with managing multiple AI models and integrations, we mapped out the journeys of our target personas. This approach provided a comprehensive view of their overall goals and how OmniGPT’s features would align with their workflows. Two journeys were identified for these two personas

To pinpoint the exact issues users faced with managing multiple AI models and integrations, we mapped out the journeys of our target personas. This approach provided a comprehensive view of their overall goals and how OmniGPT’s features would align with their workflows. Two journeys were identified for these two personas

Structuring User Experience Through Information Architecture

Structuring User Experience Through Information Architecture

Structuring User Experience Through Information Architecture

Following the insights gained from user journey maps, we developed the information architecture to structure and organize OmniGPT’s interface. This step ensures that the design aligns with user needs and streamlines navigation.

Following the insights gained from user journey maps, we developed the information architecture to structure and organize OmniGPT’s interface. This step ensures that the design aligns with user needs and streamlines navigation.

Access the power of multiple LLMs in a user-friendly interface, rated 9.15 overall.

OmniGPT is an all-in-one solution that enhances collaboration and communication by leveraging advanced AI to automate routine tasks and inquiries, saving time and resources. Its accessible pricing model makes OmniGPT suitable for businesses of all sizes.

Role

UX Designer,

UI Designer

Timeline

December 2023 - March 2024

Team

3 UX Designers

2 Product Manager

Deliverables

User Research

User Interviews

User Personas

User Journey Maps

User Interface Kit

User Interface Design

Prototypes

Access the power of multiple LLMs in a user-friendly interface, rated 9.15 overall.

OmniGPT is an all-in-one solution that enhances collaboration and communication by leveraging advanced AI to automate routine tasks and inquiries, saving time and resources. Its accessible pricing model makes OmniGPT suitable for businesses of all sizes.

Role

UX Designer, UI Designer

Timeline

December 2023 - March 2024

Team

3 UX Designers

2 Product Manager

Deliverables

User Research

User Interviews

User Personas

User Journey Maps

User Interface Kit

User Interface Design

Prototypes

The Outcome of the OmniGPT Design Process

The Outcome of the OmniGPT Design Process

The Outcome of the OmniGPT Design Process

9.2/10 rating

9.2/10 rating

9.2/10 rating

Ease of Use

Ease of Use

Ease of Use

9.0/10 rating

9.0/10 rating

9.0/10 rating

Integration

Integration

Integration

9.1/10 rating

9.1/10 rating

9.1/10 rating

Functionality/Tools

Functionality/Tools

Functionality/Tools

9.3/10 rating

9.3/10 rating

9.3/10 rating

Pricing

Pricing

Pricing

Other Projects

Create a free website with Framer, the website builder loved by startups, designers and agencies.