Aaron Heine

The application, originally called Illiac, was rebranded as Harmonia. It's a desktop and iOS platform for teaching music theory and composition, featuring real-time playback and feedback notations and classroom management tools for assessment.

I was hired to enhance branding, usability, interface design, and user satisfaction across the website and desktop applications.

Site Reorganization

The team agreed that simplification and clear separation between dashboard and marketing content was essential. The navigation menu was completely restructured, and the project received a name rebrand to Harmonia.

Logo Design

The logo concept merges a treble clef symbol into the wordmark, creating a memorable identity for the music education platform.

Dashboard Wireframes

Designed collaboratively using Figma, the wireframes included annotated decisions and questions in blue for team discussion.

Student Connection System Improvement

The student-teacher connection system was redesigned from a cumbersome 16-digit PIN system to an intuitive email notification system, allowing students to confirm class connection with one click.

Design System

A comprehensive design system was developed to ensure consistency across all touchpoints, including decorative styles, typography and color palettes, and page templates.

Decorative Styles

Typography & Color

Page Templates

Brand Photography Guide

I created standardized photographic treatments for on-brand visual consistency, enabling non-designers to create graphics even with budget constraints.

Development Tool

I created a CodePen prototype for browser-based fine-tuning, testing typography, color, and spacing across multiple devices to facilitate designer-developer communication.

High-Fidelity Mockups

The final designs included home page, sign up/sign in interface, teacher-focused pages, mobile views, dashboard interfaces, documentation, and assignment editing screens.