Third Eye Foundation

Overview
Third Eye Foundation is a redesigned web platform focused on speed, SEO, and unique, immersive animations. The goal was to create a visually striking, performance-optimized experience that effectively communicates the foundation’s mission and engages users.

Problem
The previous site lacked modern interactivity, visual appeal, and fast load times. Users were often disengaged, and the content didn’t fully convey the foundation’s impact.

Solution
A complete redesign emphasizing:

• Performance optimization for faster loading
• SEO-friendly architecture
• Interactive and unique animations for better engagement

Research & Planning

• Overview of the foundation’s objectives
• Competitor/Similar Sites Analysis
• Literature Review on nonprofit UX/UI trends
• Defined Aims & Objectives
• Project Backlog & Task Prioritization
• UML Diagrams for site structure
• Tech Stack selection (Next.js, Tailwind, Strapi CMS, custom animation libraries)

Design

• Visual inspiration drawn from modern nonprofit and NGO websites
• Refined branding aligned with the foundation’s identity
• Streamlined user flow for intuitive navigation
• Engaging animations to highlight key sections and calls to action

Development

• Built with Next.js for a fast, responsive frontend
• Strapi CMS for content management
• Optimized assets and lazy-loaded animations for performance
• SEO best practices implemented across pages

Reflection
Third Eye Foundation now delivers a polished, engaging, and optimized experience. Users can explore content seamlessly, and the foundation benefits from improved visibility and interaction. The project was a valuable learning experience in merging speed, animation, and content strategy.

Experience it yourself → Third Eye Foundation