Brown Note Productions

Website Redesign for a National Production Powerhouse

UX + Web Design | WordPress + Custom CSS

Overview
Brown Note Productions needed a streamlined, intuitive website to better reflect their high-end production services and extensive equipment inventory. I led a full redesign—from audit to launch—focused on improving usability, content structure, and client self-service.

I worked closely with executive leadership to define priorities, restructure content, and modernize the site’s UX/UI.
1

DISCOVER

2

DEFINE

3

IDEATE

4

PROTOTYPE

5

REFLECTION

DISCOVER

The existing site was visually outdated, structurally inconsistent, and difficult to navigate. Clients struggled to locate services or equipment details, and the layout was cluttered and redundant.

Methods:

  • Full UX/content audit
  • Competitive analysis across concert production and rental company websites
  • Stakeholder interviews with company owners and department heads
ORIGINAL HOMEPAGE
ORIGINAL INVENTORY PAGE

DEFINE

Key UX Pain Points Identified:

Navigation:

  • Overloaded menu split across two sections, confusing the IA hierarchy

Header/Footer:

  • Contact info was misaligned and not clickable
  • Only YouTube was linked—despite strong social engagement elsewhere
  • Redundant navigation in the footer

Homepage:

  • Two-column layout cluttered with full-length news posts and mixed media
  • No clear value proposition or CTA

Inventory Pages:

  • Inconsistent layout, image sizes, and product detail formats
  • All gear categories loaded on a single page with no filters or hierarchy

IDEATE

My design recommendations focused on clarity, consistency, and usability—bringing visual polish and information architecture in line with user expectations and business needs.

Navigation:

  • Unified top nav with 6 primary items
  • Drop-down menus for subpages

Header/Footer:

  • Simplified header with prominent “Call Now” CTA and full social media links
  • Footer restructured with direct contact info, Instagram feed, and latest news widgets

Homepage:

  • Full-width image slider showcasing live production work
  • Concise company description and streamlined layout

Inventory:

  • Equipment categorized into logical sub-groups (e.g., Moving Lights, Consoles, etc.)
  • Custom CSS wrappers for consistent image sizing, formatting, and descriptions

PROTOTYPE

Final site was built in WordPress with custom CSS for layout consistency and responsive design. Key upgrades included:

  • Simplified nav and dropdown structure
  • Clickable CTAs and optimized social links
  • Improved homepage hierarchy with visual storytelling
  • Restructured inventory pages for easier browsing and filtering
REDESIGNED HOME PAGE
REDESIGNED INVENTORY PAGE

REFLECTION

The redesign significantly improved user experience and business outcomes. Clients were able to navigate the site more easily, quickly locating the services or rental gear they needed—leading to a noticeable uptick in customer satisfaction and self-service efficiency. The streamlined inventory pages and optimized content structure also boosted the site’s search visibility, driving more organic traffic and inbound inquiries. Most importantly, the improved access to gear and services directly supported rental conversions. The new site architecture also proved scalable, allowing for seamless expansion as the company introduced new departments and offerings in the years following launch.

VIEW WEBSITE

Get in touch

Please don't hesitate to reach out if you'd like to learn more about me or if you're interested in working together. Send me a message or shoot me an email at annaleightc@gmail.com