Samsung C&T
Seamless screen transitions
Create Value for Your World
Seamless page transitions
A unique feature of the development was the seamless page transition between the main page and the business introduction page, which is the main page. Because it had to be processed on top of the backend legacy Spring boot, the SPA framework could not be used, and only state management was done with React and processed through the history API's pushState and popstate event listener.
There was an entry point page like the gate for business introduction details, and a commonly used background image was overlaid. I created an animation by masking the overlapping images, and there was no problem on the desktop, but the page kept crashing on mobile.
I eventually solved the problem by handling display: none for the parts that didn't apply, but it was a frustrating moment when a fatal error occurred that caused the page to crash. I once again confirmed that mobile devices are very sensitive to rendering optimization.