Giving Voice to the Brand Behind the Harmony Helper App
Crafting a Distinct Identity to Reflect the App’s Purpose and Personality
Harmony Helper is a vocal rehearsal app designed to help singers practice and perfect their performances anytime, anywhere.
It acts as a 24/7 digital rehearsal room, providing tools like real-time feedback on pitch and rhythm, volume controls to isolate vocal parts, and a guided five-step approach to learning harmonies.
Role: Sole Graphic Designer
Industry: Music, entertainment, and performing arts industry
Tools: Photoshop, Illustrator, Teams, Zoom
Duration: 2018 – 2020
Giving the App Its Own Voice
Designing a cohesive identity within the Harmony Helper app to create a consistent, engaging, and user-centered experience.
As part of a broader initiative to elevate Harmony Helper’s brand presence and market perception, I led the visual direction and end-to-end design execution across a wide range of marketing materials and user-facing touchpoints. This included redefining the brand’s identity system—starting with a comprehensive logo redesign—and extending it into print, digital, and experiential formats. My objective was to craft a cohesive and contemporary visual language that felt both professional and playful, aligning with the app’s mission to support singers at all levels.
The work spanned illustration, brand collateral, event signage, paid ads, web graphics, and more, ensuring every interaction with the brand—from social media to trade show booths—felt unified, high-quality, and unmistakably Harmony Helper.
My contributions included:
Logo Redesign
App Illustrations & Design
Promo Assets for Social and Web
Email and Newsletter Layouts
App Store Graphics
Flyers and Rack Cards
Print and Digital Advertisements
Brand Touchpoints & Merchandise
MODERNIZING THE HARMONY HELPER MARK
Redesigned both the illustrated emblem and standalone wordmark to create a more refined, modern identity—while preserving the brand’s approachable, educational character.
The original Harmony Helper logo struggled to support the evolving needs of a modern, app-first product. While it reflected the brand’s early direction, several limitations became more apparent as the platform grew.
Limited visual presence: Thin linework and muted color choices caused the logo to lose impact across digital and print applications, especially on smaller screens.
Misalignment with the product: As Harmony Helper evolved into a modern app-based solution, the logo no longer reflected the product’s polish, usability, or forward-thinking direction.
The updated Harmony Helper logo was designed to better reflect the app’s modern, approachable, and educational nature. The redesign strengthens visual clarity and scalability while preserving the friendly personality users already associate with the brand.
This evolution allows Harmony Helper to appear polished and cohesive across mobile interfaces, marketing materials, and merchandise without losing the character at its core.
Key Updates
Refined Character Emblem
The friendly microphone mascot was retained but simplified, with cleaner shapes and an updated expression to improve clarity, recognition, and personality at small sizes.Bolder Color Palette
A brighter, more saturated green paired with a richer navy introduces stronger contrast and energy, helping the brand stand out across digital and physical touchpoints.Geometric Typography
A clean, bold sans-serif typeface was introduced for both the circular emblem and the standalone wordmark, improving legibility and reinforcing a modern, cohesive visual system.Versatile Wordmark
Designed as a flexible branding element, the new text logo performs consistently across app UI, headers, and print applications, using strong geometry and balanced rhythm for a confident presence.
Designed the welcome and walk-through pages with custom illustrations, offering new users a visually appealing and seamless introduction to the app.
The brand refresh extended beyond the logo to improve usability and cohesion throughout the Harmony Helper app.
Typography for Readability: A modern type system was selected to enhance legibility at small sizes, support accessibility, and maintain a friendly, instructional tone across the interface.
Purpose-Driven Iconography: Icons were redesigned with clear shapes and consistent styling to reduce cognitive load and ensure intuitive navigation within the app.
DRIVING ENGAGEMENT THROUGH VISUAL STORYTELLING
Broadway-inspired characters and onboarding illustrations were designed to improve feature comprehension, reduce onboarding friction, and create a more engaging first-time experience.
Custom illustrations and character designs were introduced to improve onboarding clarity and reduce friction for first-time users. By pairing instructional steps with approachable, Broadway-inspired visuals, the app helped users better understand key features without relying solely on text-heavy explanations.
MEASURED OUTCOMES & IMPACT
Reduced onboarding confusion: Visual walkthroughs decreased reliance on support prompts and repeat instructions during initial setup.
Improved task comprehension: Character-led guidance helped users complete core actions more confidently during their first sessions.
Faster time-to-value: Clear visual cues supported quicker onboarding completion and earlier engagement with primary app features.
Increased engagement: Playful, brand-aligned sticker sets encouraged interaction and added moments of delight without interrupting user flow.
Stronger brand recall: The Broadway-inspired characters reinforced the app’s purpose, improving memorability and emotional connection.
These illustration-driven enhancements balanced usability with personality, supporting both functional understanding and long-term user engagement.
As part of the illustration exploration, I designed a series of playful, monster-inspired characters that pushed the visual personality of Harmony Helper in a more whimsical direction. While these characters didn’t make the final product, they played an important role in shaping the overall creative direction.
The concepts were inspired by Broadway plays and iconic musicals, with each character reflecting theatrical traits such as expressive movement, costume-like details, and stage-ready personalities. This exploration helped test how far the brand could lean into character-driven storytelling while still supporting an educational experience.
Although the final direction favored a more streamlined character system, these concepts informed later illustration decisions and demonstrate the breadth of visual exploration used to arrive at the final design solution.
Characters based around broadway playes and musicals
BRINGING THE BRAND TO LIFE ACROSS EVERY TOUCHPOINT
From physical merchandise to digital campaigns, we ensured a consistent and engaging brand presence everywhere users interact, creating a seamless experience that connects audiences to the brand at every touchpoint.
I translated the refreshed brand identity into a variety of touchpoints that connect with audiences wherever they engage:
Apparel, business cards, stationery, and email headers that carry the brand’s energy into real-world interactions.
App Store visuals, promotional screenshots, and landing page assets designed to deliver a seamless, on-brand experience online.
Eye-catching newsletter layouts and promo banners, including BroadwayCon campaigns, that blend creativity with clarity.
Every asset, from merchandise to digital campaigns, works together to tell a cohesive brand story and leave a lasting impression.
For Harmony Helper’s BroadwayCon booth (New York Hilton Midtown, Javits Convention Center, New York), I expanded the branding efforts by designing visually compelling materials that captured the brand’s energy and appeal. This included creating attention-grabbing banners, printed collateral, and booth displays that were cohesive and aligned with the updated branding.
This comprehensive effort not only redefined Harmony Helper’s branding but also provided the foundation for consistent and impactful representation across all platforms and touchpoints.
