Adthena
made with AI
WEB APP • SAAS • B2B • CLAUDE CODE • GITHUB
At Adthena, I had the opportunity to work on a complex ecosystem of features tracking brand visibility across Google Search and emerging AI search engines. I integrated AI into the UX/UI design process, leveraging AI-assisted design, vibe coding, and rapid prototyping and testing to accelerate experimentation and validation. I also developed a Figma-to-Claude style guide and component repository in GitHub, enabling faster experimentation, more advanced prototypes, and consistent, efficient product design 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.
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.
Performance Score Report
Leveraging AI tools to accelerate the transition from Figma designs to fully coded, high-fidelity prototypes powered by real data. This approach enables faster validation through testing and A/B experimentation, while significantly streamlining the handoff from design to development environments.
