ASM - Association of Spanish Speaking Music Supervisors

Industry: Music · Education · Film

My Role: UX/UI Design · QA · Web Development

Timeline: 2025 – 6 Weeks

Tools: Figma | Wix

Project Overview

About the Project

The Asociación de Supervisores Musicales de Habla Hispana (ASM) unites professionals in music for audiovisual media from across the Spanish-speaking world. Its mission is to strengthen the field of music supervision by improving professional protocols and offering educational programs for both industry peers and the wider audiovisual community.

The website needed to present a large amount of information in a clear and inviting way, while serving two key purposes: acting as a reliable educational resource and functioning as a welcoming hub for members and collaborators.

Goal

  • Create a user-friendly website that organizes ASM’s information in a clear, accessible, and visually appealing way

  • Highlight educational opportunities, membership benefits, and organizational details in an easy-to-navigate structure

  • Foster a sense of community and encourage visitors to connect with ASM’s mission

Target Audience

Professional music supervisors, audiovisual and music industry professionals, students, and anyone interested in learning more about music supervision.

  • Translating an emotion-driven, community-focused mission into a clear digital experience

  • Simplifying complex or abstract content without losing depth

  • Balancing a minimal, professional look with the warmth needed to invite engagement

  • Maintaining accessibility while enhancing the brand’s visual appeal

Challenges

Design Approach

The redesign focused on clarity, strong visual hierarchy, and staying true to ASM’s existing brand identity. The brand’s colors were used throughout for recognition, with Arial kept as the body font for consistency. Raleway Bold was introduced for headings to add structure and give the site a fresher, more contemporary feel.

The site was organized into distinct sections, Who We Are, Memberships, Education, Events, and FAQs, so visitors could quickly find what they needed without feeling overwhelmed. The overall design strikes a balance between professionalism and approachability, positioning ASM as both a trusted educational resource and a vibrant community.

Branding & Visual System

Color Palette

ASM’s brand colors are used consistently across the site for visual continuity, paired with generous white space to keep the interface clean and readable.

Typography

Arial remains for body copy to honor the brand identity, while Raleway Bold is used for headings to create hierarchy and visual contrast.

Layout & Navigation

Content is broken into clear sections with concise copy and visual cues that guide the user. Navigation is simplified and focused on the areas people visit most: organizational information, memberships, education, and events.

Before & After

Below is a carousel showing how the ASM website evolved during the redesign. Each section was reworked to improve clarity, accessibility, and visual appeal, turning the site into a stronger tool for building community and engaging professionals. Use the arrows to explore the before-and-after transformations.

What Was Learned

This project reinforced how important a clear content structure is for an audience that spans different countries, languages, and professional backgrounds. It also showed how design choices can directly influence engagement and collaboration across borders.

Impact

The redesigned ASM site now acts as the organization’s digital business card, representing its professionalism, values, and mission to audiences across Latin America and Spain. It’s a central resource for music supervision professionals, students, and industry partners.

The new structure and navigation make it easy to explore educational programs, understand membership benefits, and connect with ASM’s leadership. The result is a platform that feels welcoming, inspires involvement, and strengthens cross-border collaboration.

Live Site

“The new website is concise, easy to navigate and gives our brand a fresh, modern look. Working with Daniela was an easy and relaxed process. She understood our vision right away and brought it to life beautifully.”

ASM Board of Directors