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.
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.
