MindMesh – AI-Enhanced Travel & Lifestyle Blog

🌍 Overview I built MindMesh, a modern and responsive personal blogging site for a client focused on travel and lifestyle content. The site allows effortless publishing while creating an immersive visual experience for readers. To enhance storytelling and interactivity, I integrated AI-generated hero images using Ideogram and dynamic, scroll-driven components with Bolt.new, giving each post a unique, engaging, and thematic visual identity. 🛠️ Tech Stack

Next.js – For fast performance and SEO optimization

Tailwind CSS – Clean, responsive design system

Sanity CMS – Headless CMS for blog management

Vercel – Fast, global hosting

Ideogram – Used to generate AI-powered, context-relevant blog visuals

Framer - Web Designing and Development

Bolt.new – Interactive components, scroll animations, and dynamic UI elements

🔧 Project Process

1. Discovery & Planning Collaborated with the client to understand their voice, content type, and visual style.

2. Wireframing & UI Design Built a mobile-first layout focusing on content readability, intuitive UX, and interactive sections with Bolt.new.

3. Development Implemented blog routing, category filters, featured posts, and CMS integration using Sanity.

4. AI Imagery with Ideogram Generated custom AI visuals tailored to the tone of each blog post using Ideogram – giving the site a distinctive and personalized touch.

5. Testing & Optimization Ensured performance, mobile responsiveness, and accessibility across browsers.

6. Client Handoff Provided documentation and a quick walkthrough for managing content and interactive elements via CMS and Bolt.new.