How I expanded a standalone logo brief into an accessible, 0-to-1 brand ecosystem—leveraging target audience research, Preference testing, and usability feedback to establish a distinctive visual presence in a saturated market.
THE TL;DR
Challenge
Entering a crowded market dominated by monolithic coffee chains required creating a highly memorable visual identity that instantly communicated three core pillars: sustainability, quality, and community.
SCOPE & DELIVERABLES
• Brand Identity System & Scalable Logo Package
• A/B Split Testing & Usability Validation
• Accessible Style Guide (Color, Typography & Alt- Text Guidelines)
• Multi-Touchpoint Packaging & Web Mockups
STRATEGY & KEY decisions
I built a multi-touchpoint brand strategy around three key phases:
• Symbolism & Character Development (Section 02): Paired an approachable gorilla illustration with an organic coffee plant motif to represent community warmth and eco-friendly practices.
• Data-Driven Preference Testing (Section 03):
Conducted Preference testing on color palettes and framing to validate emotional resonance and brand alignment with consumers.
• Usability Refinement & Scalability (Section 04): Streamlined visual elements based on user feedback, stripping redundant text to create a high-contrast, versatile asset.
Outcome
A complete, accessible brand style guide deployed seamlessly across responsive web layouts, eco-friendly packaging, and physical merchandise.
QUICK FACTS
Timeline
8 weeks
01
The Starting Point
The Whole Bean is an emerging, community-focused coffee brand dedicated to serving ethically sourced, high-quality brews in an inviting atmosphere. Heading into a competitive market, the brand needed a distinct identity built from the ground up to connect deeply with eco-conscious coffee lovers.
Market Audit & Group Persona
• The Insight: A competitive audit of major coffee chains revealed heavy reliance on cold, corporate iconography or generic line art. To stand out, The Whole Bean required an approachable brand mascot that signaled warmth and hospitality.
• The Rationale: Drawing from target consumer research, I created a group persona mapping directly to our three core brand pillars.
CORE VALUE: COMMUNITY
CORE VALUE: SUSTAINABILITY
CORE VALUE: CRAFT & QUALITY
02
Visual Symbolism & Character Iteration
Translating core company values into an inviting visual centerpiece.
Feature Pivot: Traditional Emblem → Warm Brand Mascot
• The Insight: Competitive analysis showed coffee chains rely heavily on cold, corporate emblems or generic line art that lack emotional connection.
• The Rationale: To establish an approachable, memorable identity, I pivoted from a traditional badge to a custom gorilla mascot—using character storytelling to anchor the brand's core values.
1. Brand Pillar Alignment
2. Execution & Iteration
03
Comparative Preference Testing
Using consumer feedback to eliminate subjective design bias.
Validation Method: Comparative Preference Testing
• The Insight: To determine the most effective color palette and emotional tone, I conducted unmoderated preference tests presenting two distinct logo variations (Option A: Warm Brown vs. Option B: Cool Teal) to prospective customers.
• The Rationale: 86% of participants selected the warm brown mascot, noting that the natural tones conveyed greater brand warmth, approachability, and alignment with an inviting coffee shop environment.
04
Usability Refinements & Asset Simplification
Optimizing the identity for high-contrast legibility and cross-medium scalability.
Design Iteration: Stripping Redundant Elements
• The Insight: Usability testing revealed that secondary descriptive text ("Coffee Shop") cluttered the mark at smaller scales and created visual noise on mobile viewports.
• The Rationale: I removed the secondary text sub-heading, increasing the core mark's scalability and adaptability across tiny touchscreens, embroidered merchandise, and packaging labels. Post-refinement testing showed a 57% increase in instant brand recognition.
Stakeholder Refinement: Contrast & Container Enhancements
• The Insight: Following the initial preference test victory for the warm brown mascot, the shop owner requested adding a solid background container to boost visibility against diverse application surfaces.
• The Rationale: I introduced a circular background with a metallic border to ground the emblem and maximize contrast. While this specific container modification was a post-test client refinement, subsequent usability checks confirmed the simplified mark retained high legibility and instant recognition across all physical and digital touchpoints.
05
System Scalability & Brand Governance
Establishing long-term visual consistency across digital and physical touchpoints.
• Accessible Style Guide: Documented color contrast ratios, clear-space boundaries, typography hierarchies (Satoshi), and alt-text guidelines to support inclusive storytelling.
• Multi-Format Application: Package guidelines for eco-friendly coffee bags, digital social templates, and responsive website headers—ensuring the brand scales gracefully as the business grows.
