Build and deploy AI models on the cloud quickly and with ease!
We redesigned the dashboard to be more operational, refined the branding with a new color scheme and design system, and improved the UX of two main processes. The result is a dashboard that delivers critical information quickly, is consistent and professional, and easier to use.
Innocuous AI approached us to enhance their platform's user interface, user experience, and branding. Our goal was to make the platform more user-friendly and appeal to data scientists by creating a polished and cohesive look and feel.
Navigating the transformation of Innocuous AI's platform. Delve into mid-fi and hi-fi designs that shape the user experience and discover the design thinking at work.
We integrated new branding, infusing a fun and engaging design with a glitchy, tech-inspired background and added animation. Additionally, users now have the option to log in through Google, Discord, or Slack.
We opted for an Operational Dashboard because they let the user check the platform’s status at a glance.
Prioritizing a clear and concise visual layout, we aimed to enable users to swiftly monitor critical conditions and metrics. Placing key data at the top left ensures users obtain an instant snapshot when accessing the dashboard.
Although, we hadn’t quite worked out how we were going to fill the large space on the right.
By adding the power status of the Cloud Integrated Development Environment to the top left hand corner, we dramatically improved the visibility of the platform’s system status. Other key features added:
We decided to include a performance chart on the right-hand side, providing a visual overview of key metrics, and added a lighthearted 'fun fact of the day' below for a brief mental break for our data scientists.
The redesign also includes the following:
An issue identified during interviews with users was the inability to be able to pause activity easily from anywhere on the platform. So we added a button to the side navigation.
We introduced a fresh logo variation and incorporated a gradient to enhance the visibility of the sidebar
We resolved redundancy by removing repeated icons from the closed sidebar.
The original progress bar was dull and lacked functionality.
Users can now revisit any section by simply clicking on the progress bar, providing enhanced navigation flexibility.
In low-light conditions and for conserving battery power, the dark mode serves as an ideal choice, potentially reducing eye strain and enhancing focus and productivity, especially for those working late at night.
Conversely, the light mode can contribute to improved reading comprehension, speed, and may even stimulate creativity.
Choosing between dark and light modes provides users with the flexibility to tailor their experience based on their preferences and the specific context in which they are engaging with the platform.
The implementation of the autosave feature not only saves users time but also eliminates the need to re-enter information when revisiting an earlier section.
Users receive a notification in the top right corner after each step, reassuring them that their progress has been saved. Even if they leave the process for any reason, their work remains preserved, preventing potential frustration and ensuring a seamless user experience.
Innocuous AI aspires for users to effortlessly navigate the platform without the need for extensive documentation.
To aid in this mission we added tooltips, triggered by hovering over the "i" icon, which provide users with helpful guidance at crucial steps in the process.
The founders aimed to create a file manager that replicates the comfortable ambiance of using a personal computer.
Introducing a feature that allows users to swiftly preview documents directly from the file manager, eliminating the need for initial downloads, significantly amplifies the experience of working on a local machine.
Contact me for a comprehensive PDF documenting the entire process, encompassing research, branding, testing, design system, and evaluation.
