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!

Client
MGA Entertainment

Platforms
- HTML5
- Javascript
- Tailwind CSS
Services

Web Development

Mobile Design

Game Development

Motion Graphics

User Experience Design

Digital Production
THE GRAVITY JACK PROCESS
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.
Timeline Stages

User Stories
Puts us in the shoes of a potential user to make informed decisions about the functionality and flow of the project.

WIREFRAMES
The blueprints of a project that put the design and development teams on the same page prior the development

UI DESIGN
Integrating branding, style guides, and more to give the project cohesive look and feel

DEVELOPMENT
Development begins with the architecture of the project with integration tests to help verify that all software is written based on the project requirements

Quality Assurance
A test plan is created where the project is tested at each development milestone and again multiple times upon competition to ensure a seamless experience

LAUNCH
Working alongside the client, a process is established to launch the project based on the intended audience. The code is then packaged up and provided to the client!
PROJECT DEVELOPMENT
Knowing Gravity Jack’s history of developing digital experiences for brands, MGA Entertainment contacted us seeking our 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.
Wanting to offer page visitors a variety of gaming experiences, Gravity Jack worked closely with the client to ideate and develop the following concepts within the web page:
- 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 encourage 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.


Motion Graphics

Animation
Dynamic text and character movements that engage and entertain users.
Desktop Designs

User Experience Design
Enhancing the user’s overall experience through thoughtful digital designs.

Desktop Designs
Providing the users the space to enjoy the videos, games, and downloadable content was a point of emphasis for the client. To provide this, Gravity Jack provided a layout that created a seamless experience on desktops and PCs.

User Experience Design
Enhancing the user’s overall experience through thoughtful digital designs.
FINAL DELIVERY

The Goal
MGA Entertainment wanted to provide an exclusive experience that showcases the launch of their new L.O.L. Surprise! Doll Remix brand. Since each doll has their own style and personality, the team at MGA entertainment wanted a way for fans to learn about the new dolls in an engaging way.

Gravity Jack’s Solution
Create a dedicated web page that MGA Entertainment could easily send L.O.L. Surprise! Doll fans to so that they can get an exclusive look at the new Remix dolls. Once there, the fans can engage with the new dolls through videos, games, and more to lear all about the new product line.

The Result
Gravity Jack was able to launch a dynamic web page that stayed true to the L.O.L. Surprise! Doll brand, but was unique in the fact that it was dedicated to the new Remix doll collection.
We have things to say
We have things to say
Why Having A DAD Phase Is Important For Your Application
DAD strength is a real thing that we at Gravity Jack can attest to. While it's not...
What Does SDK Mean? Does My Mobile App Need It?
We’re back with another rendition of “Name That Acronym’! America’s (or at least Gravity...
What Is a CMS? And How Does It Help My Mobile App?
Acronyms can be confusing at first, but once you get the hang of them they tend to be a...