release notes week commencing 21/06/2025: all the awesome, silly, goofy, and delightful work we’ve fixed on likelike this week

Oh boy, everyone’s favourite type of blog, a technical one. Hopefully this one isn’t too bad, but we always want to be transparent and tell you what we’re working on. Here’s all the madness we’ve done this week!

🎨 UI/UX Improvements
Beta Feedback Widget Enhancement

• Redesigned beta feedback button as a subtle, minimal circular badge
• Changed to light orange color scheme (bg-orange-200, hover:bg-orange-300) for better visual hierarchy
• Reduced size to 10x10 with a simple ‘β’ symbol
• Positioned in bottom-right corner with proper mobile spacing
• Added hover tooltip for better user experience
• Significantly reduced interface noise while maintaining accessibility

📝 Content & Navigation Updates
Blog Integration - “Modern Love Letters”

• Replaced “How It Works” page with integrated blog functionality
• Updated page title to “likelike blog: modern love letters” (all lowercase for brand consistency)
• Added descriptive subtitle: “a blog about how likelike’s team is trying to make dating suck a little less, together.”
• Integrated iframe displaying https://blog.likelike.app with responsive styling
• Updated navigation icons from generic to Mailbox icon for better visual clarity

Navigation Improvements

• Updated desktop sidebar navigation title to “Blog: Modern Loveletters”
• Updated mobile bottom navigation to include blog access via Mailbox icon
• Maintained consistent routing (/how-it-works) for backward compatibility
• Enhanced responsive design for both desktop and mobile experiences

🛠️ Technical Optimisations
Component Architecture

• Streamlined BetaFeedbackWidget component for better performance
• Improved iframe integration with proper styling classes (rounded-lg shadow-sm border border-gray-200)
• Enhanced mobile responsiveness across navigation components
• Maintained consistent design system with existing UI components

User Experience

• Preserved existing functionality while improving visual hierarchy
• Reduced cognitive load with more subtle feedback mechanisms
• Enhanced blog accessibility through dedicated navigation presence
• Improved brand consistency with lowercase styling choices

📱 Cross-Platform Compatibility

• Ensured blog iframe works seamlessly on both desktop and mobile
• Maintained responsive design principles across all updated components
• Optimised touch targets for mobile navigation
• Preserved accessibility standards throughout all changes