Instead of going to a chatbot, Chatbar brings AI to your workflow — select any text and start a contextual conversation instantly. Born from the idea of text selection as an AI entry point, it redefines how people interact with AI in their daily workflow.
The "Big Why" & Design Philosophy
The Challenge: Shifting the paradigm from a destination-based Chatbot (where you go to chat) to an immersive utility (where chat comes to you). The core insight: text selection is the most natural entry point for AI — you already highlight what you care about.
Design Philosophy: "Don't Make Me Think"
The interaction logic is reduced to four words: "Select Text, Start Chat." Visually, we embraced extreme minimalism — using whitespace for structure and eliminating unnecessary color blocks, ensuring that when color is used, it commands attention.
Seamless Contextual Interaction
Multi-Platform Craft
From Concept to Product: Starting from the text-selection paradigm, Chatbar expanded to a macOS native app and a standalone Web interface — meeting users wherever they work.
Obsessive Details: Every touchpoint received the same level of polish, down to micro-interactions like a custom 404 page with hand-crafted SVG animation. As a designer expanding into code, I used LLMs as a coding partner to push execution quality beyond traditional skill boundaries.
404 Animation
macOS App & Web Interface
Craft & Global Standards
The 0.5s Rule: We finetuned the "Select-to-Pop" interaction to a precise 0.5-second delay—preventing accidental triggers while maintaining responsiveness.
Universal Design: Targeting a global audience, we prioritized Icon+Tips over dense text and ensured fully bilingual support. The interface strictly follows WCAG AAA standards for color and contrast.