Yati Technologies

Overview

The Yati Technologies project involved designing and developing the official marketing website and frontend foundation for a growing IoT-focused organization. The problem to solve was establishing a strong, credible digital presence that communicated technical competence to enterprise clients, while simultaneously building a scalable UI architecture that could eventually support complex internal IoT dashboards and data analytics portals. I chose to build the platform using Next.js and Tailwind CSS, heavily utilizing Framer Motion for sophisticated, professional animations. The architectural decision to use Next.js was based on its superior performance characteristics and Static Site Generation (SSG) capabilities, which are crucial for a marketing site where load speed and SEO are top priorities. Instead of building a disposable landing page, I architected a comprehensive component library and design system. This modular approach ensures that UI elements (like data tables, metric cards, and navigation structures) are strictly standardized and reusable for the company's future web applications. The primary challenge was balancing aesthetic appeal with strict enterprise accessibility and performance standards. IoT stakeholders expect clinical, precise design languages. I had to ensure that the complex animations and interactive elements did not compromise the Core Web Vitals or create jank on lower-end devices. This involved careful optimization of asset loading, dynamic imports for heavy components, and utilizing CSS transforms instead of layout-altering animations. The outcome is a blazing-fast, visually striking platform that serves as both a successful marketing tool and a robust foundation for Yati Technologies' future software ecosystem.