Portfolio project · Bilingual website conceptWork in progress
TwinsLand
TwinsLand is a modern, cinematic bilingual website I’m building as a personal frontend portfolio project. It is a showcase of advanced UI/UX, scroll-based motion, accessibility and performance — a frontend concept in active development that will later receive professional photography and final production content.
- Type
- Portfolio project · Bilingual website concept
- Status
- Work in progress
- Preview
- twinsland.netlify.app
My role
Frontend design and development — UI/UX, motion, accessibility and performance.
Goal
Demonstrate modern front-end craft end to end: a polished bilingual interface, considered motion design, and strong accessibility and performance foundations — on a real subject rather than a throwaway demo.
What was built
- A cinematic, bilingual (ME/EN) single-page interface with scroll-driven motion built on GSAP and smooth scrolling with Lenis.
- An accessibility-minded, responsive layout designed to stay readable from small phones to wide desktops.
- SEO and social-sharing foundations — metadata, structured data (JSON-LD) and Open Graph.
- A modern build and delivery pipeline: Vite and TypeScript, Playwright checks, and continuous deployment on Netlify.
Technical approach
- Treated it as a portfolio piece first: the priority is front-end quality — motion, responsiveness, accessibility and performance — not commercial completeness.
- Kept the animation purposeful and performance-aware rather than decorative.
- Currently in active development: the interface is a frontend concept while final photography and production content are being prepared.
Technologies
- React
- TypeScript
- Vite
- GSAP
- Lenis
- Playwright
- SEO
- Accessibility
- JSON-LD
- Netlify
- CI/CD
- Responsive design