Enter your keyword

LOLSurpriseRemix Web Page

L.OL. Surprise! Remix Doll Web Page

With the L.O.L. Surprise! Dolls being one of the most popular toys in the world, the team at MGA Entertainment wanted to create a project that focused on the four newest additions to the L.O.L. Surprise! Doll collection — the Remix dolls. The result was the L.O.L. Surprise! Remix web page that provides its visitors with a music-themed collection of activities for a one-of-a-kid debut that features the four new dolls whose personality and style are based on the country, hip-hop, R&B, and pop music genres. From themed dance tutorial videos to a variety of interactive gaming options, the L.O.L. Surprise! Remix web page provides an online gathering place for parents and kids alike to explore and learn about the newest release of their favorite toy!


Knowing Gravity Jack’s history of developing digital experiences for brands, MGA Entertainment contacted the Gravity Jack team seeking their expertise in creating a dynamic web page that will boost the MGA marketing efforts in the release of their expanding L.O.L. Surprise! Doll Collection. The objective was to create an interactive gathering place for the growing L.O.L. Surprise! Doll fan base to explore, engage, and meet the new characters, each with their own musical genre.

Following the L.O.L. Surprise! Doll branding guidelines, Gravity Jack quickly got to work, designing and developing a music-themed web page inspired by the music genres the new Remix Dolls were modeled after. With the branding and gaming assets provided by MGA Entertainment, the Gravity Jack development team established a robust framework for the site leveraging the Nuxt.js and Vue.js development platforms. Within this framework, Gravity Jack was able to develop a web page that features:

  • A remixed gaming experience of the Hidden Objects game that features 4 different music themed scenes
    • Users play in a race against time to hunt and find the hidden L.O.L. Surprise! Balls.
    • When users locate and select the L.O.L. Surprise! Balls, they were met with a surprise confetti explosion animation!
    • Upon finding all of the L.O.L. Surprise! Balls, users can see how quickly they were able to successfully complete the game.
    • The gaming experience allows users to compare all of their previous times so that they can try again to be even faster!
  • Dance tutorial videos that encourages users to follow along at home
  • Additional games, decorations, and accessories that could  be downloaded and printed at home to enjoy while offline

Combining all of these experiences into one seamless web page provided the MGA Entertainment team with a marketing tool where they could encourage the L.O.L. Surprise! Doll fans to visit in order to learn about their new Remix Dolls.


  • UX Design
  • HTML5 + Phaser
  • Javascript frameworks (Nuxt.js + Vue.js)
  • Tailwind CSS


Contact us to start your project today!