ux research

Redesign of Ion Creative Studio

Prototype

Ion Redesign

Team ROLE

UX Designer

EXPERTISE

UX/UI Design

YEAR

2024

Objective

Simplify user navigation and improve the intuitiveness of the interface, making it easier for users to learn and use the system.

Timeline

3 months, from exploration to final designs, collaborating with a team of designers throughout the process.

Company Context

Ion is a no-code web builder that empowers users to create engaging interactive content across the buyer's journey without writing code.

Process

This category details the step-by-step approach taken during the project, including research, planning, design, development, testing, and optimization phases.

Research & Planning

Conducted user interviews to identify pain points and compared competitor platforms. Defined the target audience and prioritized key features based on user needs and market trends.

Design & Prototyping

Collaborated with designers to create user-friendly interfaces and interactive prototypes. Iteratively refined designs based on feedback to improve usability and aesthetics.

Development & Implementation

Adjusted the platform based on user insights, focusing on pain points to finalize the design iteration.

Testing & Optimization

Performed internal and beta testing to ensure compatibility and optimized the platform based on feedback and usability metrics.

Solution

The redesigned Ion Creative Studio now offers a more seamless and user-friendly experience, with an intuitive layout and integrated onboarding tooltips.

Reorganized Elements

Improved layout for enhanced navigation.

Redesigned Platform Layout

Streamlined design for ease of use.

Integrated Onboarding Tooltips

Guided users through the interface.

Walkthrough
The new design features the new layout of the Ion Creative Studio. Elements palette is now nested to the left side of the builder. General settings and micro-themes are available on the right side of the page.
UX Research
An overview of market data collected from competitors and the discovery of how to improve our platform to make it more intuitive. In collaboration with other designers, we discovered that a majority of our competitors have their elements panel on the left side of their builder.
User Feedback
Conducted user testing to determine how the elements should be categorized and which names made sense for each category.
Left Toolbar Redesign
The redesign of the platform includes the relocation of the Elements Palette to the left side of the page as well as meta tags and SEO settings. Internal pages in the creative has also been moved to the left side of the platform.
Updated elements panel
The new elements panel no longer requires its users to hover over category to reveal internal elements. The new palette displays all the elements available to increase accessibility and enhance efficiency.
Final Prototype
The final mockup of the new features for Ion Creative Studio. This version was sent to the developers to implement into the platform.
Walkthrough
The new design features the new layout of the Ion Creative Studio. Elements palette is now nested to the left side of the builder. General settings and micro-themes are available on the right side of the page.
UX Research
An overview of market data collected from competitors and the discovery of how to improve our platform to make it more intuitive. In collaboration with other designers, we discovered that a majority of our competitors have their elements panel on the left side of their builder.
User Feedback
Conducted user testing to determine how the elements should be categorized and which names made sense for each category.
Left Toolbar Redesign
The redesign of the platform includes the relocation of the Elements Palette to the left side of the page as well as meta tags and SEO settings. Internal pages in the creative has also been moved to the left side of the platform.
Updated elements panel
The new elements panel no longer requires its users to hover over category to reveal internal elements. The new palette displays all the elements available to increase accessibility and enhance efficiency.
Final Prototype
The final mockup of the new features for Ion Creative Studio. This version was sent to the developers to implement into the platform.
Walkthrough
The new design features the new layout of the Ion Creative Studio. Elements palette is now nested to the left side of the builder. General settings and micro-themes are available on the right side of the page.
UX Research
An overview of market data collected from competitors and the discovery of how to improve our platform to make it more intuitive. In collaboration with other designers, we discovered that a majority of our competitors have their elements panel on the left side of their builder.
User Feedback
Conducted user testing to determine how the elements should be categorized and which names made sense for each category.
Left Toolbar Redesign
The redesign of the platform includes the relocation of the Elements Palette to the left side of the page as well as meta tags and SEO settings. Internal pages in the creative has also been moved to the left side of the platform.
Updated elements panel
The new elements panel no longer requires its users to hover over category to reveal internal elements. The new palette displays all the elements available to increase accessibility and enhance efficiency.
Final Prototype
The final mockup of the new features for Ion Creative Studio. This version was sent to the developers to implement into the platform.
Walkthrough
The new design features the new layout of the Ion Creative Studio. Elements palette is now nested to the left side of the builder. General settings and micro-themes are available on the right side of the page.
UX Research
An overview of market data collected from competitors and the discovery of how to improve our platform to make it more intuitive. In collaboration with other designers, we discovered that a majority of our competitors have their elements panel on the left side of their builder.
User Feedback
Conducted user testing to determine how the elements should be categorized and which names made sense for each category.
Left Toolbar Redesign
The redesign of the platform includes the relocation of the Elements Palette to the left side of the page as well as meta tags and SEO settings. Internal pages in the creative has also been moved to the left side of the platform.
Updated elements panel
The new elements panel no longer requires its users to hover over category to reveal internal elements. The new palette displays all the elements available to increase accessibility and enhance efficiency.
Final Prototype
The final mockup of the new features for Ion Creative Studio. This version was sent to the developers to implement into the platform.

Walkthrough
The new design features the new layout of the Ion Creative Studio. Elements palette is now nested to the left side of the builder. General settings and micro-themes are available on the right side of the page.
UX Research
An overview of market data collected from competitors and the discovery of how to improve our platform to make it more intuitive. In collaboration with other designers, we discovered that a majority of our competitors have their elements panel on the left side of their builder.
User Feedback
Conducted user testing to determine how the elements should be categorized and which names made sense for each category.
Left Toolbar Redesign
The redesign of the platform includes the relocation of the Elements Palette to the left side of the page as well as meta tags and SEO settings. Internal pages in the creative has also been moved to the left side of the platform.
Updated elements panel
The new elements panel no longer requires its users to hover over category to reveal internal elements. The new palette displays all the elements available to increase accessibility and enhance efficiency.
Final Prototype
The final mockup of the new features for Ion Creative Studio. This version was sent to the developers to implement into the platform.
Walkthrough
The new design features the new layout of the Ion Creative Studio. Elements palette is now nested to the left side of the builder. General settings and micro-themes are available on the right side of the page.
UX Research
An overview of market data collected from competitors and the discovery of how to improve our platform to make it more intuitive. In collaboration with other designers, we discovered that a majority of our competitors have their elements panel on the left side of their builder.
User Feedback
Conducted user testing to determine how the elements should be categorized and which names made sense for each category.
Left Toolbar Redesign
The redesign of the platform includes the relocation of the Elements Palette to the left side of the page as well as meta tags and SEO settings. Internal pages in the creative has also been moved to the left side of the platform.
Updated elements panel
The new elements panel no longer requires its users to hover over category to reveal internal elements. The new palette displays all the elements available to increase accessibility and enhance efficiency.
Final Prototype
The final mockup of the new features for Ion Creative Studio. This version was sent to the developers to implement into the platform.
Walkthrough
The new design features the new layout of the Ion Creative Studio. Elements palette is now nested to the left side of the builder. General settings and micro-themes are available on the right side of the page.
UX Research
An overview of market data collected from competitors and the discovery of how to improve our platform to make it more intuitive. In collaboration with other designers, we discovered that a majority of our competitors have their elements panel on the left side of their builder.
User Feedback
Conducted user testing to determine how the elements should be categorized and which names made sense for each category.
Left Toolbar Redesign
The redesign of the platform includes the relocation of the Elements Palette to the left side of the page as well as meta tags and SEO settings. Internal pages in the creative has also been moved to the left side of the platform.
Updated elements panel
The new elements panel no longer requires its users to hover over category to reveal internal elements. The new palette displays all the elements available to increase accessibility and enhance efficiency.
Final Prototype
The final mockup of the new features for Ion Creative Studio. This version was sent to the developers to implement into the platform.
Walkthrough
The new design features the new layout of the Ion Creative Studio. Elements palette is now nested to the left side of the builder. General settings and micro-themes are available on the right side of the page.
UX Research
An overview of market data collected from competitors and the discovery of how to improve our platform to make it more intuitive. In collaboration with other designers, we discovered that a majority of our competitors have their elements panel on the left side of their builder.
User Feedback
Conducted user testing to determine how the elements should be categorized and which names made sense for each category.
Left Toolbar Redesign
The redesign of the platform includes the relocation of the Elements Palette to the left side of the page as well as meta tags and SEO settings. Internal pages in the creative has also been moved to the left side of the platform.
Updated elements panel
The new elements panel no longer requires its users to hover over category to reveal internal elements. The new palette displays all the elements available to increase accessibility and enhance efficiency.
Final Prototype
The final mockup of the new features for Ion Creative Studio. This version was sent to the developers to implement into the platform.