Vite Hero
Bilingual web application that enables users to generate professional, branded hero images in 30 seconds without design skills. Features Aurora Creative design system, style quiz onboarding, brand profile management, and try-before-signup flow.
Project Demo
English video coming soon
Tech Stack
Category
Creative ProjectsAbout This Project
Vite Hero is a bilingual (English/French) web application that solves the content marketing bottleneck where teams wait on designers for simple graphics. It enables users to generate professional, branded hero images in 30 seconds without any design skills. The application targets content marketers publishing 10+ blog posts per month, SaaS product teams launching features weekly, freelancers managing multiple client brands, and developers who need graphics but hate Canva. What sets Vite Hero apart from general design tools is its laser focus on hero images, automatic brand application, metadata-driven data integration, zero learning curve, and native bilingual support for Canadian companies. The core workflow allows users to try before signing up: anonymous users can generate images that are saved for 24 hours, and upon signup, their generations transfer to their account. New users complete a visual style quiz that infers their design preferences, which then shape all future generations. Users can create multiple brand profiles with colors, fonts, and logos that are automatically applied to every image. The application features the Aurora Creative design system, a dark-mode-first aesthetic with cyan/purple/magenta accents that makes generated hero images visually pop against the interface. Built with Next.js 16, TypeScript, Tailwind CSS v4, and Supabase for authentication and database, images are generated server-side using Puppeteer for consistent, high-quality output.
Related Projects
French Writing Playground Version 2.0
Major rewrite featuring 16 emotion themes, user authentication, dual AI evaluation system (fast/detailed), built-in interactive quizzes, real-time French practice chat with grammar corrections, user connections, personal dashboard, and comprehensive progress tracking. A complete language learning platform, not just a writing tool.
HR Hub Design Showcase
Fully functional HR management system for GreenTech Environmental Solutions that doubles as an interactive design showcase platform, featuring 15+ design trends with real-time theme switching, AI-powered chatbot with dual functionality, comprehensive employee and admin portals, and intelligent workflow automation.