Empower Admin with AI
Neutopia is a platform that enhances community engagement through accessible content and education. This project aims to create a clickable prototype using Figma and present design concepts to empower admins with AI, while personalised feeds boost user engagement.
Role
Product analysis, strategic planning, conducting user interviews, prototyping and iterative design improvements to refine the solution.
THE CHALLENGE
Project Goals
1 / Empowering the Organisation in content creation
Empowered members excel in content creation, event management, and community engagement.
2 / Visibility and Impact: Boosted visibility to showcase successes and milestones
Improve visibility of outcomes, allowing admins to showcase successes and celebrate milestones.
KICKOFF
Stakeholder Interview
The team collaborated with key stakeholders, including the CEO and CFO,
to refine Neutopia’s development strategy and clarify the project’s objectives.
Insights from stakeholder interview
-
Leveraging familiar design patterns (intuitive), such as Canva, for an easy-to-use platform from the initial start.
-
Automating administrative tasks, providing real-time analytics, and enhancing the overall user experience to transform community admins into superheroes.
-
Collects data on every engagement touchpoint across content, events, groups, and learning playlists to provide valuable insights to the customer organisation.
DESIGN INSIGHTS
Stepping into Admins’ Shoes
- Secondary research
Before sketching, I researched their role and key challenges in community engagement, uncovering valuable insights through secondary research.
-
Running reports to view community metrics,
-
Moderating Discussion posts and Library entries;
-
Managing community events and emailing members.
I found opportunities to assist admins by automating tasks like AI-generated community metric reports and auto-emailing communities when new content is posted.
-
​Share other relevant conversations with the community.
-
Add topics to conversations. Create a #topic related to your community initiatives.
-
Post weekly roundups or related content to the community.
-
Add relevant content...​
I plan to maintain consistent member engagement from this list by regularly creating relevant content and using appropriate tags.
BUILDING PROTOTYPE
Dashboard & Create Content Page Design
Click the image to see the Figma file
My Inspiration Board
- Personalise your data, AI recommendations for content creation
I sketched an inspiration board to ease the burden of constantly uploading content, provide feedback on posted content, and highlight popular trends in similar communities. The board includes AI features that suggest content based on community popularity, display similar content and analyse member engagement.
​
To support new admins, I added a Q&A section in the top right corner, where AI can assist with platform-related questions, enhancing their ability to use the platform effectively.
Create Contents - one click to create contents, personalization with cover
I streamlined content creation by integrating drag-and-drop and URL-paste features with AI for smarter text refinement.​
To ensure consistency, I added a cover upload option for custom thumbnails. A quick-access ‘Create Content’ button allows admins to post effortlessly from anywhere—no searching or scrolling needed. I placed the category & playlist menu at the bottom for easy post-assignment.
AI-powered tagging automates the process, while users can also manage frequent tags manually. Additionally, a preview feature lets users see exactly how their content will look before publishing.
Test, Reflect, and Iterate
USABILITY TEST
I had the opportunity to test my design with some of Neutopia’s clients and my mentor. Their valuable feedback helped me refine the design for the final presentation.
Design Decision: Dashboard Layout
My mentor suggested splitting the dashboard into separate pages—for example, placing recommendations and analysis reports on different screens. I initially believed keeping all content on one page offered better accessibility.
To validate this, I tested both versions with users. Feedback showed a strong preference for a single-page layout, as users appreciated seeing all key information at a glance. Based on this, I kept the original design for the final presentation.
UI Improvements Based on Usability Feedback
-
Added clear section headings to improve navigation and user understanding
-
Updated ambiguous “Add Content” button with more descriptive text to clarify its function (e.g., “Add New Content”)
Enhancing Analytics Usability
-
Simplified the visitor flow graph to highlight key data and improve readability
-
Added a report download option to increase user flexibility and value from personalized analytics
Optimized Layout Spacing
-
Reduced padding and margins for a more compact design, using a responsive description box to adapt to content length while maintaining readability.
Thumbnail Section Improvements
-
Standardized thumbnail sizes for visual consistency, automated cover image generation to reduce manual effort, and reorganized layout for a more intuitive workflow.
Layout & Thumbnail Section Enhancements for Create Contents page
Accessibility
Considerations
Enhancing Neutopia's accessibility ensures that all users, regardless of ability, can engage with the platform seamlessly. This section outlines key features designed to create an inclusive experience.
​
Detailed Features​
-
Colour Contrast Optimisation: Boosts text and background contrast for clear readability, accommodating users with colour vision deficiencies.
-
Font Size Adjustment: Offers customizable font sizes, empowering users with low vision to tailor their viewing experience.
-
Clear Descriptions: Adds concise tooltips beside complex UI elements, such as AI recommendations, to assist users with cognitive challenges.
-
Voice Command Support: Integrates voice recognition, allowing users with limited mobility to navigate and create content with ease.
OUTCOME
Solution Refinement
Home(dashboard) Features
The primary goal of the redesigned Dashboard is to empower admins in their content creation journey by overcoming challenges related to maintaining motivation and consistently generating fresh ideas. The enhanced Dashboard aims to serve as a comprehensive hub where admins can:
-
Plan Their Tasks
-
Celebrate Achievements
-
Ask Questions
-
View Suggested Content
-
Check the analytics Results
Click the image to view it in a larger size.
Top Section
-
Task Management: Enable admins to set tasks, manage deadlines, and view schedules for seamless organisation.
-
Achievements: Highlight milestones and consistent engagement to boost motivation and celebrate success.
-
AI Support: Offer instant assistance and recommendations via an AI assistant to enhance productivity and accessibility.
Middle Section
-
Content Discovery: Showcases recent and popular content from the user’s community and beyond, with AI-driven suggestions tailored to their interests.
-
Personalisation: Enables custom tags for improved organisation and precise content filtering.
Additional Features
-
Sidebar Menu: Includes visible text labels to improve navigation and eliminate the need for users to hover to identify options.
-
Create Post Button: Provides a prominent, easily accessible button for adding content from any page, streamlining content creation across all categories.
Bottom Section
-
Analytics Highlights: Offers customizable time periods and tailored insights, allowing users to adjust data and preferences for a more personalized experience.
Post (Create Contents) Features
The post page allows easy content import, automatic cover image generation, and AI-driven text refinement. Personalised tags help with organisation, and users can assign posts, save drafts, preview, schedule, and receive notifications.
Click the image to view it in a larger size.
Tagging System
-
AI-generated tags are automatically suggested, along with additional relevant options to choose from. A personalized tagging feature further enhances the experience, offering tailored tags based on user preferences and content.
Destination Assignment
-
Easily assign your post to its destination or add it to a playlist, all on one streamlined page for a seamless experience.
Saving and Previewing
-
Draft Saving: Save your content as a draft or preview it before publishing to ensure everything is perfect.
​
-
Preview Features:
-
Send email notifications while creating the post.
-
Schedule content for future publication.
-
Use analytics insights to determine the optimal posting time based on community activity.
-
Top Section
-
Enhanced Drag-and-Drop Functionality: Effortlessly drag-and-drop or paste a webpage URL to import its content. The platform automatically generates a dynamic cover image, which you can personalise by uploading your own or leveraging Canva’s intuitive thumbnail creation tools.
Middle Section
-
Text Import: The platform automatically imports content, but may sometimes include excess text. An integrated AI tool helps you easily streamline and refine it by:
Refine grammar, adjust text length or tone, and add AI-generated images
