Frontend & UI Design: ValWind App Landing Page
ValWind is a modern, high-conversion landing page designed for a companion app that helps Valorant players track their match stats and account insights. The goal was to deliver a complete "design-to-code" solution, creating a visually clean, gamer-focused experience that feels like it could be built by Riot Games themselves.
My Role (Frontend Developer & UI/UX Designer):
UI/UX Design: Designed a dark-themed, esports-inspired interface in Figma, focusing on high-quality typography, character asset integration, and clear call-to-actions (CTAs) for app downloads.
Frontend Development: Translated the design into a fast, pixel-perfect, and fully responsive website using React and Tailwind CSS.
Mobile Optimization: Ensured the layout looks flawless and performs smoothly on all devices, prioritizing mobile traffic for app installations.
Performance & SEO: Wrote clean, optimized code to guarantee fast loading speeds, which is critical for landing page conversion rates.
Tech Stack: React, Next.js, Tailwind CSS, JavaScript, Figma.
My Role (Frontend Developer & UI/UX Designer):
UI/UX Design: Designed a dark-themed, esports-inspired interface in Figma, focusing on high-quality typography, character asset integration, and clear call-to-actions (CTAs) for app downloads.
Frontend Development: Translated the design into a fast, pixel-perfect, and fully responsive website using React and Tailwind CSS.
Mobile Optimization: Ensured the layout looks flawless and performs smoothly on all devices, prioritizing mobile traffic for app installations.
Performance & SEO: Wrote clean, optimized code to guarantee fast loading speeds, which is critical for landing page conversion rates.
Tech Stack: React, Next.js, Tailwind CSS, JavaScript, Figma.