This month’s website makeover spotlight goes to The JJs Declutter Podcast! We were excited to roll up our sleeves and give this vibrant show’s site a fresh, more balanced look — with visual updates that make it easier to navigate, more inviting for new listeners, and a better showcase for their great content.

🎯 Objective

To improve the user experience, visual hierarchy, and clarity of The JJs Declutter Podcast website by addressing color imbalance, layout density, and content organization — ultimately making it more appealing and accessible to new and returning listeners.

❌ Before: Identified Issues

1. Overwhelming Color Usage

  • Heavy use of baby blue throughout the site made the background overpowering.

  • Conflicting shades of blue (e.g., royal blue text in nav) reduced visual coherence and legibility.

2. Navigation Bar Clutter

  • Navigation links wrapped onto two lines, making the header appear disorganized.

  • Poor contrast in nav text color reduced readability.

  • Redundant social links in the header despite footer presence.

3. Dense Header Section

  • Introductory text appeared as a “wall of text,” making the site feel unwelcoming at first glance.

  • Lack of hierarchy between title, subtitle, and call to action.

4. Call-to-Action Dilution

  • “Follow” language lacked clarity in what action users should take.

  • Sign-up section was visually large and copy-heavy, diluting the main call to action.

See for yourself why podcasters are switching to Podpage today

5. Visual Competition with Episode Artwork

  • Strong background colors competed with episode cards, drawing attention away from content.

  • Inconsistent spacing and lack of subtle background framing reduced visual balance.

6. Missing Host Biographies

  • The hosts appeared in the artwork but had no accompanying bio or context on the page.

  • The “About the Hosts” section was underutilized and content-light.

✅ After: Improvements Made

1. Refined Color Palette

  • Replaced solid baby blue with a light, barely-there tint to retain brand while allowing content to stand out.

  • Header now uses a darker blue for structure and contrast.

  • Announcement bar at the top uses an even deeper blue, visually separating it from core content.

2. Streamlined Navigation

  • Navigation links now fit neatly on a single line, improving flow and aesthetic.

  • Royal blue text was replaced with a dark blue background and white links for better readability.

  • Removed redundant social icons from the nav; they remain in the footer.

3. Improved Intro Section

  • Intro content restructured into title + concise paragraph, making it easy to scan.

  • Tone is friendlier and more focused on helping new visitors understand the podcast’s purpose.

4. Focused Calls-to-Action

  • Replaced “Follow” with “Listen” to create a more direct and intuitive CTA.

  • Slimmed down the sign-up section: now just two simple text blocks, styled to be inviting but unobtrusive.

5. Wider Layout & Card Emphasis

  • Increased overall page width to better accommodate modern screens.

  • Subtle background and spacing make episode and blog cards pop, drawing user attention to content.

  • More consistent card layout across episodes and blog posts.

6. Content Consolidation

  • Removed placeholder “About the Hosts” section due to lack of content.

  • Cleaned up footer and bottom sections to avoid redundancy.

📈 Outcome

  • Improved readability and visual hierarchy, especially for first-time visitors.

  • Stronger content emphasis with episodic artwork now commanding attention.

  • A more professional, welcoming, and intuitive site structure that supports listening, browsing, and subscribing.