Category
Product Design, SaaS
Client
EE
Admin Panel for a Telegram-Based English Learning Bot
Project Overview
I designed an admin panel for a Telegram bot that helps users learn English. The panel was developed to streamline content management, track user progress, and provide analytics for the internal team. Since the product was designed for internal use, I collaborated closely with stakeholders and the team, ensuring the interface met their specific workflow needs.
UX Process & Approach
To create an intuitive and efficient admin panel, I followed a structured UX design process, ensuring that each step was informed by research, iteration, and testing. My approach included the following key stages:
01 Problem Definition & Stakeholder Interviews
Before diving into design, I conducted interviews with stakeholders and team members who would use the admin panel. This helped identify pain points in their workflow, define key functionality requirements, and align the design with their needs.
02 User Research & Workflow Analysis
Since the admin panel was meant for internal use, I analyzed how the team currently managed content and tracked student progress. I mapped out their existing processes and identified areas where the new system could improve efficiency.
03 Information Architecture & Wireframing
Based on the research, I structured the admin panel for logical navigation and ease of use. Wireframing helped establish a clear hierarchy of features, ensuring users could quickly access the tools they needed.
04 UI Design & Prototyping
I created a high-fidelity prototype in Figma, ensuring that the UI was clean, minimalistic, and aligned with usability principles. Special attention was given to hierarchy, accessibility, and visual clarity, ensuring that users of different technical backgrounds could navigate the system effortlessly.
05 Design System Selection & Customization
To optimize development time and maintain consistency, we decided to use an open-source design system as the foundation. However, since it didn’t fully cover all our use cases, I adapted and extended its components to ensure they met the needs of the product. This included customizing UI elements for specific workflows, improving accessibility, and aligning the visual style with the overall product ecosystem.
06 Testing & Iteration
The prototype was tested with real users from the internal team, and their feedback was used to refine interactions, improve usability, and address any friction points. The iterative process ensured that the final product was both intuitive and highly functional.
