CHALLENGE
When I was approached to design a Telegram mini-app and a web platform for a Web3 advertising solution, the goal was clear, create an intuitive and scalable experience that allowed businesses to target Telegram users effectively while ensuring users had full control over their ad engagement.
The initial concept, had a major flaw: businesses had to go through Telegram group admins to access audiences, creating a frustrating bottleneck. To fix this, we transitioned to GramTarget, a refined version that put control directly in users' hands, eliminating the need for intermediaries.
MY ROLE
As the Product Designer on this project, I was responsible for leading the end-to-end design process, from ideation and wireframing to high-fidelity UI and developer handoff. I worked closely with the founders and engineering team to:
Conduct research and competitive analysis
Translate business goals into usable design systems
Prototype and iterate on user flows for both Telegram and web platforms
TIMELINE
2 months | September 2024 – November 2024
RESEARCH
Before jumping into design, I conducted research to identify the key pain points for both advertisers and users. Through stakeholder interviews and user flow analysis, I identified several critical needs:
Competitive Analysis
I analysed similar Telegram mini-apps such as Notcoin, Hamster Kombat, and mini-app interfaces like Unibot. These products revealed key trends:
These insights helped shape the user experience strategy, ensuring that every touchpoint was designed for clarity and ease of use.
MY APPROACH TO THE DESIGN PROCESS
The project involved designing two core experiences, the Telegram mini-app for users and the web dashboard for advertisers. Here's how I approached each:
Telegram Mini-App Design
Designing inside Telegram’s mini-app constraints meant every interaction had to be purposeful. My key goals were to:
Web Application Design (Advertiser Portal)
The advertiser experience was designed to feel as straightforward as the user side but offer more power and insight:
The web app was designed using a modular system so it could scale with future features like team collaboration or audience segmentation.
OUTCOME
The Telegram mini-app successfully empowered users by letting them choose which ads to view and providing a real-time wallet to track their earnings. Meanwhile, the web platform enabled advertisers to seamlessly create targeted campaigns, monitor performance, and optimize budgets with ease.