For CellularPhones.com, I created a lightweight interactive GLB model of a specific phone for use on their website loading page. The goal was to build a model that looked clean and accurate, allowed users to rotate and inspect it from multiple angles, and still loaded quickly across devices.

Because this asset needed to perform well on the web, I built it with very light geometry, simple materials, and small texture maps. The heaviest element in the final experience is the looping screen video, which was necessary to give the phone a branded, animated screen presence without making the overall asset too heavy.

To create the screen animation, I first used OpenArt AI with Nano Banana to generate the branded screensaver artwork. From there, I turned it into a looping motion graphic, then cleaned and refined it in DaVinci Resolve. I also added the screen icons as a separate layer so the final result felt more like a functioning device interface rather than just a flat animated wallpaper.

My workflow on web-based 3D projects starts with the final use case. For this piece, that meant balancing visual clarity with performance from the start. I kept the geometry light, materials simple, and textures efficient, while using motion on the screen to carry most of the visual energy. That approach helped create an asset that feels polished and interactive without becoming too heavy for real-time web use.

The final result was a clean, interactive 3D phone model built for CellularPhones.com’s loading page, complete with a branded animated screen experience. The project delivered a practical realtime asset that supports both visual presentation and web performance.