Animated portfolio with editable CMS
A portfolio CMS product case that lets an operator update public content through authenticated editing screens.
- Project scope
- Product case
- Material
- Supplied product screens · sample data


The work
we connected.
Product case
Authenticated content editing
Provide administrator sign-in and editing tabs for each content area.
Public content updates
Connect saved Firestore content with updates on the public-facing page.
Scroll animation
Use restrained movement to guide visitors through experience and introduction content.
Inquiry validation
Validate the visitor’s required inquiry information before submission.
See the design in the interface.
Open the supplied screens at full size to inspect the details.
A clear account of the scope.
React, TypeScript, Firebase Auth, Firestore, Framer Motion, Lenis
Case type and public evidence
Project experience, concepts and product demonstrations are identified by scope. Contracting entities, participation dates and operating results are not inferred from incomplete material. Original images may contain illustrative figures and wording from the source document.
More work
All projects ↗
Premium travel fair promotional website design
Service planning & UX/UI · Original planning & design screens

Course discovery and education website
Product case · Frontend · Supplied product screens · sample data

Construction brand website with video and parallax
Product case · Frontend · Supplied product screens · sample data
What would you like to improve?
Tell us about the work and the change you need.
