'/content': {
title: 'Content & Insights | UX Articles, Videos, Podcast',
description: 'UX design articles on usability heuristics and user research methods. Watch product design walkthroughs and listen to Clarity in Every Click podcast.'
}
```
---
## **SEO KEYWORDS TO TARGET**
These keywords naturally appear in the real content:
- Usability heuristics
- User interface design
- Remote usability testing
- UX research methods
- User testing
- Product design
- SaaS UX
- Clarity-first design
**DO NOT add fake keywords or content that doesn't exist in the actual articles/videos.**
---
## **DESIGN SPECIFICATIONS**
### **Article Cards:**
- Rounded corners: 24px
- Background: Light gray (#F9FAFB)
- Border: 1px solid rgba(0,0,0,0.06)
- Padding: 32px
- Hover effect: Lift slightly + shadow increase
- Publication label: Small caps, gray text
- Title: Large, bold, black
- Excerpt: Medium size, gray text
- Link: Blue (#2563EB), with arrow icon
### **Video Cards:**
- Rounded corners: 24px
- Background: White
- Border: 1px solid rgba(0,0,0,0.06)
- Shadow: Light
- Video aspect ratio: 16:9
- Hover effect: Shadow increase
### **Podcast Section:**
- Centered layout
- Max-width: 800px
- Spotify embed: Full width
- Rounded corners: 12px
- Border: 1px solid rgba(0,0,0,0.06)
### **Buttons:**
- Height: 56px
- Padding: 32px horizontal
- Background: Black
- Text: White, 17px, medium weight
- Border-radius: Full (pill shape)
- Hover: Scale 1.01 + darker background
- Shadow: Strong
---
## **ACCESSIBILITY REQUIREMENTS**
- All iframes have descriptive `title` attributes
- All links have clear text labels
- All external links open in new tab with security attributes
- Proper heading hierarchy (H1 → H2 → H3)
- Sufficient color contrast
- Touch targets minimum 44x44px
- Keyboard navigable
---
## **MOBILE RESPONSIVENESS**
- Hero text: Reduce size on mobile
- Article grid: 2 columns → 1 column on mobile
- Video grid: 2 columns → 1 column on mobile
- Padding: Reduce on mobile (48px → 24px)
- Button text: May stack on very small screens
- Spotify embed: Full width on all screen sizes
---
## **CONTENT AUTHENTICITY CHECKLIST**
✅ Only real Medium articles (4 total)
✅ Only real YouTube videos (4 total)
✅ Real Spotify podcast show
✅ Real publication names (Design Bootcamp, Medium)
✅ Accurate descriptions based on actual content
✅ No made-up statistics or claims
✅ No fake testimonials or case studies
✅ All links are verified and working
---
## **SEO BEST PRACTICES APPLIED**
✅ Unique page title with keywords
✅ Descriptive meta description under 155 characters
✅ Clear H1 tag with primary keyword
✅ Semantic HTML structure
✅ Internal linking (from other pages to /content)
✅ External links to authoritative platforms (Medium, YouTube, Spotify)
✅ Alt text on any images (if added)
✅ Fast loading (optimized embeds)
✅ Mobile-friendly layout
✅ Schema markup already exists in site header
---
## **CROSS-LINKING STRATEGY**
Add subtle references to the Content page on other pages:
**On About Page:**
Add after "What I do now" section:
```
I also write about UX design principles and share walkthroughs on YouTube.
[View articles and videos →]
```
**On Services Page:**
Add after service descriptions:
```
Want to see how I approach UX problems? Check out my articles and videos
on usability heuristics and product clarity. [View content →]
```
**On Homepage:**
Optional: Add a small "Latest Content" section or mention in About section:
```
I regularly share insights on UX design, usability principles, and product
clarity through articles, videos, and my podcast. [Explore content →]