Adthena
made with AI
WEB APP • SAAS • B2B • CLAUDE CODE
At Adthena, I had the opportunity to work on a complex ecosystem of features that track brand visibility and advertising presence across Google Search and emerging AI search engines. In parallel, I explored and introduced AI as a core part of the UX/UI design process — leveraging AI-assisted design, vibe coding, and rapid testing approaches. I created high-fidelity prototypes powered by real data, built using Claude Code, supported by a dedicated style guide and component repository developed with Claude to accelerate consistency, experimentation, and product validation.
Senior Product Designer, UX & UI
Google AI Overview
One of the key projects I delivered at Adthena focused on helping users understand how their brands and advertising presence are represented within Google's AI Overview responses.
As Product Designer, I designed experiences that transformed complex AI search data into clear, actionable insights, enabling users to analyse brand visibility, competitive positioning, and advertising performance in this emerging search landscape.
I leveraged AI throughout the design process, using Claude and Claude Code to rapidly prototype high-fidelity, data-driven experiences, supported by reusable components and a dedicated design system to accelerate iteration and validation.
Claude Code Style-guide and Repo
To accelerate AI-assisted product development, I created a comprehensive style guide and component repository using Claude Code, similar to a Storybook-based design system. This provided a structured foundation of reusable UI patterns, components, and design principles that could be consistently applied across prototypes and product experiences.
I then leveraged these assets to "vibe code" high-fidelity prototypes, combining AI-generated code with established design definitions to rapidly explore, test, and iterate on solutions while maintaining visual consistency and product quality.
PERSONAS & USER STORIES
The service and user experience design is informed by harvesting insights from current platform users. Through a thorough examination of their expectations, we define compelling, relevant, and achievable user stories.
Ads Manager (Paid Search)
Goal
Maximise paid search performance and protect brand visibility.
Responsibilities
-
Monitor campaign performance and competitor activity.
-
Optimise bids, budgets, and ad visibility.
-
Track the impact of AI Search on paid campaigns.
Needs
-
Clear competitive insights.
-
Fast access to performance trends.
-
Actionable recommendations.
-
Easy reporting and data export.
SEO Manager
Goal
Increase organic visibility and optimise brand presence in AI-generated search results.
Responsibilities
Monitor rankings, AI Overviews, citations, and brand mentions. Identify content opportunities and competitive gaps. Measure visibility across AI Search experiences.
Needs
AI visibility and citation tracking. Competitive benchmarking. Trend analysis. Clear, actionable insights.
Multilayered Data Visualization
Leveraging Claude Code and Adthena's MCP, I explored new, non-linear approaches to data visualisation by designing an interface that segmented, analysed, and exported complex AI search data. The experience enabled users to explore insights at both Tracked Prompt Group and individual Prompt levels, across metrics including ad presence, brand mentions, citations, and competitor visibility within ChatGPT responses.
Advanced AI Powered Adthena Chat
I designed an AI-powered chat interface that enables Adthena users to interrogate and analyse insights generated by its search and advertising intelligence platform. The experience allowed users to explore complex datasets through natural-language conversations, turning data into actionable insights. I used AnimaApp to transform the design into a live, high-fidelity prototype with realistic data, enabling faster validation and iteration of the AI-driven experience.