Notetracks is an innovative cloud-based platform designed to streamline audio collaboration for students and professionals by enabling precise track annotations. During its critical early startup phase, I collaborated closely with the founder, delivering high-fidelity prototypes and strategic marketing materials. My key contributions included:

• Commenting Features (Signed In vs. Guest) ★
• Sign-Up Flow ★
• Editing Features ★
• Pricing Page Redesign ★
• Project Sharing
• Project Dashboard
• Account Settings
• Website Enhancements
• 404/Maintenance Pages ★
• Social Media Advertising Assets ★

Select items (★) are detailed below to showcase specific examples.

Commenting Features

I designed commenting features that allowed users to interact precisely within the audio track. It also allowed users to incorporate emojis, text, voice notes, or attachments. This multi-modal interaction deepened user engagement by accommodating various communication preferences, enhancing the platform's usability and collaborative potential.

‍

Replies

I designed a Replies panel that aggregated all responses to a comment to provide a cleaner viewing experience.
Key benefits include:

• It conserves vertical space below the track, enhancing the interface’s minimalism and usability
• It reduces visual distractions, allowing users to focus better on other tasks when not viewing replies
• It enhances the chat feature to also serve as live chat due to its added scalability, facilitating real-time communication more effectively

Due to the heavy engineering scope of the Replies panel, we needed to split this effort into phases to manage scope effectively. Therefore, Phase 1 closely resembles the existing replying framework.

Guest Experience

In designing the commenting features, I also focused on enhancing the onboarding experience for guest users. Recognizing the importance of firsthand interaction, I enabled full access to commenting features for guests to demonstrate the platform's ease of use. To convert guest interactions into active engagements, I implemented a sign-up flow that activates when guests attempt to submit a comment. This flow overlays only part of the screen, keeping the user's comment in view to maintain engagement and context.

I designed the sign-up flow to request only an email in the initial step to avoid overwhelming new users, leveraging it for both simplicity and security through multi-factor authentication. After users enter their verification code and become more invested, I then prompt them for their name and password. This phased approach minimizes entry barriers, enhancing user investment and reducing initial friction in the sign-up process.

‍

Editing Features

For each editing feature, I delivered a comprehensive prototype, detailed screens for every flow, and clear guidelines to ensure engineers fully grasped the intended interactions and triggers. In designing these features, I conducted thorough research on leading audio engineering platforms like Ableton to ensure our user interactions were both intuitive and familiar to industry professionals. Wherever ambiguity could arise, I strategically implemented tooltips to enhance clarity and user experience.

Below are selected examples of the editing features I designed:

Pricing Page Redesign

During my tenure, I redesigned the Pricing page to enhance user engagement and decision-making. The new design incorporates intuitive toggles between monthly and annual views, allowing users to easily compare plan benefits and differences. To further aid in decision-making and boost user confidence, I integrated a section for FAQs and testimonials, providing prospective users with valuable insights and encouraging them to try the platform.

Old Pricing Page

New Pricing Page

‍

404 / Maintenance Pages

These were fun!

Social Media Advertising Assets

Beyond just working on designs for the audio collaboration interface and website, I also created a number of marketing assets, working with the founder to come up with taglines and creating multiple versions to see which one made the biggest impact.