Overview

Since 1991, University of Georgia professor Milton Masciadri has organized the International Double Bass Symposium, inviting fellow double bass players from around the world to the Hugh Hodgson School of Music for this annual event which is held on the first weekend in February.

The symposium was an event for all levels of proficiency from beginners to professional performers, and attracted the highest caliber of clinicians from the world over. Over three days, participants enjoyed intensive master classes and recitals, culminating every night with a performance by Symposium artists. The Bass Symposium website was designed as an elegant, and informative event page for musicians and music lovers alike.

‍

Target Audience

Musicians, students, educators, and attendees interested in bass instruments, classical music, or academic symposia. The site is optimized for both desktop and mobile users, with accessibility and clarity in mind

‍

Goals

1. Create a modern, scroll-friendly landing page for a specialized music symposium.
2. Direct people to register for the event.
3. Showcase strong typographic hierarchy and responsive design principles.
4. Evoke the emotional and thematic weight of classical music through visuals and layout.
5. Keep all content above the fold or within a single scroll to retain user focus.

‍

Tech Stack

1. HTML5: Structured semantic layout for accessibility and clarity.
2. CSS3: Used for styling, flexbox layout, spacing, and typography control.
3. JavaScript : Light interactivity can be added (e.g., modals or form handling), though this version remains static for clarity and focus.

Features

1. Hero Section with Event Details: A large, emotionally compelling image overlaid with key information: event name, date, and location.
2. Call-to-Action (Register Button): Clean and minimal button that invites users to sign up or learn more.
3. Scroll Experience: Smooth, single-page experience that focuses user attention without distractions.
4. Responsive Design: Fully optimized for desktop, tablet, and mobile devices.

‍

Creative Process

Concept Development

• The inspiration for the layout came from UGA’s classical concert posters and their study music abroad in Italy program—clean, minimal, and impactful. Emphasis was placed on visual clarity and thematic resonance with orchestral music..

Typography & Layoutt

• Typography: Large serif headings evoke tradition and formality, paired with modern sans-serif subtext for readability..
• Grid System: A single-column layout ensures maximum legibility across all devices.
• Whitespace: Strategic use of spacing keeps the design feeling open and professional, much like a formal concert program.

Color & Imagery

• The color palette relies on deep, moody tones with high contrast for drama and sophistication.
• A hero image of a bassist or concert hall serves as an emotional anchor, giving the page gravitas.

‍

Challenges

• Above-the-Fold Messaging: It was important to communicate all essential event info instantly without overloading the user. This required visual restraint and careful content hierarchy.
• Responsiveness Across Devices: Ensuring the hero image, text, and button scale properly required fine-tuning of font sizes and padding via media queries.

‍

Results

The Bass Symposium landing page succeeds in delivering a high-impact, low-friction user experience that reflects the tone and importance of the event. It demonstrates my ability to design purposeful layouts that blend classical design sensibility with modern web responsiveness.