Enhancing user experience for AI-powered SEO tools
Outranking is an AI powered text editor and writer, which can create various seo-optimized texts, based on factual data. An AI Wizard guides users through multiple settings allowing to save the time on setting up the editor — 15 minutes to start creating high quality SEO content.
Enhancing user experience for AI-powered SEO tools
Outranking is an AI powered text editor and writer, which can create various seo-optimized texts, based on factual data. An AI Wizard guides users through multiple settings allowing to save the time on setting up the editor — 15 minutes to start creating high quality SEO content.
Challenges
01
Simplifying
functionality
02
Short deadlines – demanded the simultaneous execution of design and development.
Research & analytics
We analyzed user interactions with the interface and identified key areas for improvement:
Overcrowded main screen
Lack of intuitive tools
Progress bar for 5
workflow steps.
Create SEO brief
Write with AI
Optimize
Copy edit
Publish
Key UI/UX Changes
Main Screen Layout
We moved menu to the left side.The main screen seemed to be a bit crowded, so we rearranged the elements to make it beginner-friendly and add some “breathing space”.
Sections Setup
Tools for creating and managing sections, which form the semantic «skeleton» of the text, were reorganized into a step-by-step flow on the right panel. This centralization replaced the previously scattered tools, reducing complexity and making the process more intuitive for users.
AI Wizard
Users found it difficult to navigate the setup process. The step-by-step AI Wizard made it accessible even for beginners.
SEO Optimization
Improved keyword management with analytics (e.g., volume, popularity), a Heat Map, and direct keyword editing for better SEO results.
Typography & Colors
The «Red Hat Display» font ensured readability and a clear hierarchy.
Final Design
