1Hub.ai

UI/UX design

1Hub.ai is a game-changing platform that unifies multiple AI services, including ChatGPT, Leonardo AI, ElevenLabs, and more, into one seamless experience. By offering access to these powerful tools under a single subscription, 1Hub.ai simplifies workflows and saves users money, all while delivering state-of-the-art technology. Users can combine multiple AI tools to handle complex challenges in intuitive and straightforward way.

Year

2024

Time

66 hours

My role

UI/UX designer

Design system

42 elements

Total

22 screens

Format

Web + mobile

001 The challenge

When I joined the project, 1Hub.ai already had an MVP. However client faced several challenges:

The MVP provided the core functionality, but the client wanted to introduce new, future-focused features:

Allowing users to combine multiple AIs tools to solve complex tasks.
Creating a unified, intuitive experience that guides users from start to finish in just a few clicks with AI Assistant.
Helping users to categorize and manage chats more effectively.
Introducing customizable pre-trained personas to enhance interactions.

Since this features were still in conceptual phase, my task was to represent them abstractly without creating false expectations. This required creative thinking to tease functionality—such as using placeholder elements —while ensuring the platform remained functional and engaging.

The MVP’s interface needed a modern, cohesive visual identity that aligned with the cutting-edge technology it offered. The UX also required significant improvements to make navigation intuitive and to set a foundation for scalability as new features were rolled out.

With growing demand for mobile accessibility, the platform also needed to deliver a seamless mobile experience, ensuring that all functionality was fully adapted for smaller screens.

002 Competitor analysis

From the start, the client and I knew we needed to position 1Hub.ai as a standout platform. With the MVP in place and big ideas for future features, we teamed up to explore the competitive landscape. Together, we wanted to find inspiration, identify pitfalls to avoid, and carve out a unique space for 1Hub.ai.

In this stage I focused on clarification user and business goals. I worked closely with client to align on the platform priorities for users (simplify navigation, intuitive interaction, tease exciting upcoming features ) and for business (improve visual appeal and usability, and set a foundation for scalability).
To elevate 1Hub.ai, I needed to go beyond analyzing competitors—I aimed to adapt their best solutions and innovate where they fell short. The focus was twofold: improving the existing MVP for better usability and creating a clear way to showcase new features like Workflows and AI Assistant. This required balancing user convenience with the client’s need for scalability and stakeholder approval.

I immersed myself in the ecosystem of similar platforms, examining their approaches on multiple levels—from the smallest UI details, like button design, to overarching elements like navigation and feature organization. My exploration spanned across various user journeys, from interacting with chat screens to navigating pricing structures. This wide lens helped me understand not only what worked visually and functionally but also how users might experience the platform as a whole. My sketches and notes captured this variety, helping me brainstorm and refine ideas for a more cohesive and user-friendly design.

Through detailed comparisons, I identified patterns in competitor platforms: cluttered menus, buried features, and disconnected user flows. These insights drove my decisions to create a cleaner, more scalable navigation system tailored for 1Hub.ai. By introducing organized menus and subtle cues for upcoming features, I ensured the design worked seamlessly for users while teasing future functionality. Challenges arose when clients proposed abstract concepts without a clear direction, like “Workflows,” but I approached these by breaking them into smaller ideas and iterating until they became actionable designs.

003 Design process

For 1Hub.ai, I aimed to create a design that was both bold and easy to use. With the updated brandbook, I embraced a vibrant palette of purples, pinks, and gradients—colors rarely seen in tech interfaces. My challenge was to make them work seamlessly in a functional and intuitive design.
The result is a fresh, modern look that stands out while keeping the user experience effortless.

The task was to transform the home page from a minimal, chat-only interface into a dashboard that delivers value at first glance while making room for the platform’s unique features and future growth. For users, the home page needed to feel intuitive and inviting, showcasing all available tools in an organized way. For stakeholders, it served as an opportunity to spotlight key features and tease upcoming functionality.

Learn more ...

1. Menu Navigation
The left-side menu was redesigned to prioritize important actions like Profile Settings and Credits, putting them front and center. This approach freed up space for content while ensuring key information remains easily accessible at all times.

2. Feature Overview
The home page was reorganized to clearly present AI services by category (Text, Voice, Image, Video), helping users quickly identify the tools they need without feeling overwhelmed. Dedicated space was also created for new features, such as Personas, Social Tasks, and Multichat, ensuring they are easy to discover and explore.

3. Highlighting the AI Assistant
Recognizing the AI Assistant as 1Hub.ai’s standout feature, it was made the focal point of the dashboard. While currently serving as a teaser to showcase its potential, the space was designed to evolve into a quick start tool as the feature becomes fully functional.

4. Scalability and Future-Proofing
To accommodate future features, the home page layout was designed with scalability in mind. Reserved spaces for upcoming tools, such as Video AI, ensure the design remains clean and consistent as the platform grows.

The original MVP chat design was limited in functionality, offering only basic messaging capabilities. My goal was to reimagine the chat interface to provide users with a powerful, flexible, and intuitive experience, leveraging 1Hub.ai’s ability to interact with multiple AIs simultaneously.

1. Advanced Input Section
The input section was completely rethought to offer users more control and options. Now, users can: Attach files directly into conversations, select their preferred AI model to generate specific results, choose Personas, tailoring the AI’s responses to fit specific roles or tones, set output results, allowing users to customize how the AI delivers information.

2. Multi-Chat Functionality
1Hub.ai now allows users to create up to 4 simultaneous dialogs with different AIs. Users can interact with each chat independently or send a single prompt across all chats at once, making it easier to compare results or explore different perspectives side-by-side.

The MVP profile page was minimal, offering users only basic functionality like updating profile details and managing a single subscription. My redesign expanded the profile into a comprehensive management suite, giving users access to all key account-related features in one organized, intuitive space.

Learn more ...

1. Profile Settings
Users can update their personal information (name, email, country, language preferences) and securely manage their passwords.

2. Manage Subscription
A new subscription dashboard lets users view their current plan, credit usage, and available features. Users can compare and switch between multiple plans. The subscription management interface supports seamless plan upgrades, downgrades, and cancellations.

3. Billing and Payment
Users now have full control over their payment methods, billing details, and invoice history. The system provides transparency by displaying the billing period, next renewal date, and a breakdown of charges.

4. Manage Chats
I added a dedicated chat management system to organize conversations efficiently. Users can group, archive, and search chats or sort them by folders, AI used, or creation date.

5. Leaderboard and Referrals
To enhance engagement, a Leaderboard allows users to track their task rankings within the community. A referral program encourages growth, enabling users to invite others and view their referred users, earned rewards, and lifetime referral amounts.

The Help Page is a completely new addition to 1Hub.ai, designed to provide users with comprehensive guidance and support. Unlike the MVP, which lacked any centralized help or learning resources, this page serves as a one-stop hub for tutorials, FAQs, updates, and community engagement.

1. Video Tutorials
ЕЕe 1Hub.ai Guide offers video walkthroughs foк first steps for new users, advanced tools like Multichat and Personas, troubleshooting: Expert tips to resolve issues.

Articles & FAQs
1Hub.ai Basics provides concise articles on managing subscriptions, credits, notifications, and privacy. An expandable FAQ section addresses common questions about features and usage.

Updates & Community
The Last Updates section keeps users informed about new features, announcements, and productivity tips. A Join Community Chat button encourages users to connect and collaborate with others.

004 Mobile Adaptation

Designing 1Hub.ai for mobile meant focusing on every detail to create an experience that’s intuitive, functional, and built for smaller screens. I prioritized a responsive layout to ensure every element fits perfectly across various devices. Navigation was streamlined with collapsible menus, sticky bars, and easy-to-reach controls, keeping key actions just a tap away. To enhance usability, I designed touch-friendly interactions, with larger buttons and interactive elements for precise and comfortable tapping.
Content prioritization was key—important features were placed front and center, while secondary information was organized into collapsible sections to keep the interface clean and clutter-free. Typography was carefully adjusted for readability, with appropriate font sizes and spacing to ensure a smooth reading experience on the go.

005 Foundation for the design system

With tight deadlines, I focused on creating a solid foundation for 1Hub.ai’s design system. I developed a cohesive color palette, ensuring accessibility with WCAG standards, and defined typography styles for clarity and hierarchy. Core components like buttons, text inputs, and dropdowns were designed for reusability, allowing the platform to scale while maintaining consistency.
Even though the timeline was short, I didn’t see it as a limitation. Instead, I used it as an opportunity to focus on what truly mattered—laying the groundwork for a design system that is simple yet effective. While not a complete system, this foundation provides a scalable starting point to ensure visual consistency and support the platform’s growth.

Rotate the phone

006 What next?

Even though my work on 1Hub.ai is complete, I see plenty of opportunities to refine and improve the platform. Design is an iterative process, and while the current solution addresses the project’s needs, I believe there’s always room to make it better.
The first step would be testing prototypes and design decisions with real users. Observing how users interact with the platform would help identify pain points, validate assumptions, and uncover opportunities for improvement. Another key area to focus on would be simplifying the UI. While the current design balances functionality and visuals, I recognize that some areas could feel overwhelming. By simplifying certain interactions and layouts, the user experience could be made even more intuitive and approachable.

Lovely! ❤️🔥
Thanks a lot for your work and ongoing efforts, we really like & appreciate what you created for us! Can't wait to have it realized & go to action, and enjoy putting smiles on peoples faces when they use our app! :))
Thank you for your continuous efforts, everything looks really great and we're more than happy with what you've created for us so far! ✊❤️