Arlenis Designs
Project
07 / 16
Website
Scope
Product design | Frontend engineering | Motion
Status
Archived Project
Summary
Arlenis Designs is a full studio portfolio that leads with completed interiors and supports them with concise explanatory copy. A staged loading and entry experience opens into hero, about, services, portfolio, testimonials, and contact sections, giving potential clients both strong visual evidence and a clear path to understand the designer's offer.
Arlenis Designs balances large project photography with practical browsing tools. Visitors can move through a responsive project carousel, open detailed project modals, switch themes, and review services and client perspectives within a complete studio presentation.
Inside the Build
Arlenis Designs uses React and Vite with Framer Motion for page and section transitions, GSAP-backed motion utilities, smooth anchored navigation, and reusable reveal wrappers. A guarded loading sequence tracks visual readiness, includes a completion fallback, and hands control to the main site only after the entry state resolves.
Arlenis Designs uses filterable three-dimensional cards on desktop and a carousel for the same projects on mobile. Portal-based image and video galleries expand the work within the page hierarchy, and keyboard navigation, scroll locking, persistent themes, and scroll-to-top behavior keep the long single-page experience manageable.
Contribution
- I translated the studio's visual direction into a complete responsive portfolio journey
- I built the loading, entry, smooth-navigation, and section-reveal systems
- I created project carousels, detailed modals, theme controls, and reusable motion wrappers
- I structured services, testimonials, portfolio evidence, and the contact presentation
Built with
- React 19
- Vite
- Framer Motion
- GSAP
- Tailwind CSS
- Headless UI
