Studiu de caz · Concept
FORGE — Sală Premium
Un landing one-page orientat pe conversie pentru un brand fictiv de sală premium — identitate dark îndrăzneață, multilingv, cu flux de înscriere la o ședință gratuită.
Prezentare generală
FORGE este un proiect concept care explorează cum și-ar putea prezenta online un brand de sală premium. Cerința a fost un site one-page orientat pe conversie, cu o identitate îndrăzneață, un flux clar al secțiunilor și suport multilingv.
Rezultatul este un layout dark, cu contrast ridicat și accente neon-lime, o pâlnie de conversie de la hero până la înscriere și un sistem i18n personalizat pentru română, rusă și engleză.
Cerința
- Pâlnie one-page de la hero prin programe, antrenori, prețuri, până la înscriere gratuită
- Identitate dark premium, îndrăzneață, cu accent neon-lime
- Structură ușor de parcurs — fiecare secțiune are un rol clar
- Responsive pe toate breakpoint-urile
- Interfață multilingvă — comutator RO / RU / EN
Abordare
Identitate dark cu neon-lime
Fundal antracit profund cu accente neon-lime (#D4FF00). Archivo Black pentru titluri, Inter pentru text.
Structură orientată pe conversie
Hero → Programe → Antrenori → Prețuri → CTA ședință gratuită. Fiecare secțiune o continuă pe precedenta.
Grilă de componente curată
Componente card reutilizabile pentru programe, profiluri de antrenori și planuri de preț.
Animație la scroll
Animații fade-and-slide bazate pe Intersection Observer, pe măsură ce secțiunile intră în viewport.
Interfață multilingvă
i18n ușor, personalizat, folosind React context și fișiere JSON de traducere pentru RO/RU/EN.
Layout responsive
Layout Tailwind mobile-first. Toate secțiunile se adaptează curat de la 375px la 1440px.
Aspecte tehnice
- SPA Vite + React cu TypeScript și Tailwind — build-uri rapide, fără runtime de server
- Temă Tailwind personalizată — extinsă cu culori de brand, fonturi și token-uri de spațiere
- Archivo Black + Inter + iconițe Lucide + deployment pe Vercel
Galerie
Rezultat
- Landing orientat pe conversie, finisat, live la forge-fitness-ten-eosin.vercel.app
- Identitate de brand distinctă, care iese în evidență față de site-urile tipice de sală
- Interfață multilingvă responsive în RO / RU / EN
- Servește ca demo de portofoliu pentru design premium pe temă dark
Vrei ceva similar?
Ai un proiect în minte? Hai să discutăm ce pot construi pentru tine.
Pornește un proiect→