WEB APP, 2019
Antonie Emma
Build your jungle gyms online, in a configurator that has an infinite amount of options.
We design the future
01
INTRODUCTION
Kid's playground in your living room.
No one will give you an endless supply of parts, but we have solved it differently. We have created a 3D configurator where you can build the whole thing virtually.
AntonieEmma has been producing wooden jungle gyms for several years. The parts can be assembled as desired. The resulting work is limited only by fantasy and gravity. The snag is that with the trial-and-error construction method, parts are soon to be missing. The configurator solves this brilliantly. In addition, they serve as a building guide and all used parts are automatically placed in the basket, so nothing is forgotten.
Login
Dashboard
3D Configuration
Detail of the model
Profile settings
02
MISSION
We have prepared a configurator where you can first assemble the jungle gyms virtually and send the order of used parts directly from it.
Interactive configurator
An overview of parts the customer has already purchased
Inspiration from other users’ constructions
03
OBSTACLES
What we've struggled with
01
3D configurator control.
The 3D control configurator should be able to do a lot and at the same time be easy to use.
02
Mechanics of components.
Composing parts to fit one another is not easy. Only certain parts of the kit are to be connected. The rest should not be put on at all or only after turning.
03
3D Model optimisation.
As the amount of time the user stays focused becomes shorter and shorter, we had to find the right balance between the quality of the 3D model and the loading speed.
04
SOLUTION
How we solved the situation
01
We used standard mechanics and behavior.
Users are used to it from other platforms, where they also move in 3D space. We have added elements for controlling the kit.
02
Every part knows how to pull itself together.
The gadget lists all the parts that the user comes in contact with and they have defined how they can be connected to others.
03
We draw 3D models using ThreeJS.
This popular library allows you to view 3D models in a web interface, their ease of use and small size at the same time.
05
WHAT THE APP IS BASED ON
Tech background
01
NodeJS & React native.
The app runs on proven Node.js and React.js technologies.
02
3D models in ThreeJS
This library is almost a must-have for any work with 3D models on the web and we are fully aware of it.
