About this app
3D World is a web application produced by New York-based startup, Gina's Ink. Its primary objective is to spread awareness to the potentials of 3D printing using various gamification techniques. It features a video page (containing a 5-min education tour of a 3D printer), an information gallery and three mini-games promoting the practical usage of a 3D printer in the real world.
As the designer, I wanted to make the design direction surrealistic, drawing inspiration from various fantasy-based games and incorporating them with realistic elements, making the look and feel as captivating as possible without sacrificing usability.
Credits to my team
Producer: Gina's Ink
Lead game dev: Adam Walzer
Lead Backend dev: Chuck Reeves
Animator: Marilyn Wren
Designer: Antoinette Gayo
![](https://cdn.myportfolio.com/d49610ff2126732b391d7133cc9c8304/46d17602-8a6d-4f84-a6dd-6a6d20c46ddc_rw_1920.png?h=219a2a94ca0be2f01b6077b2c1d070b3)
![](https://cdn.myportfolio.com/d49610ff2126732b391d7133cc9c8304/8773ec12-cbee-45cf-9c54-31dc3773d62c_rw_1920.jpg?h=0fbff7d72d2bffc29d50f171c2677a1c)
The look and feel of the game as showcased from the screens below — from the animation themes, to the visual art direction of the mini-games inside the app supports its purpose: to capture the users' attention, and bring awareness to the industry of 3D printing with the hopes of using it for practical reasons.
![](https://cdn.myportfolio.com/d49610ff2126732b391d7133cc9c8304/3dc244081278012fe52d701e5f340036c0dd14e1621f5bbb8480046bf48d3c31746b565cb533740a_rw_1920.gif?h=7481fde077b9bf4922bd45324b5e3115)
*not the actual animation* just a gif rendering of one of the screens
![](https://cdn.myportfolio.com/d49610ff2126732b391d7133cc9c8304/effa8ccbbfdb5afd8ba3ea77608e9e40f1748c53a33e7e0521ad7d1004f97072e92a3f7b50a25ffb_rw_1920.gif?h=20284fbf8e60c635d0a3b557472ac4fc)
Animation treatment
![](https://cdn.myportfolio.com/d49610ff2126732b391d7133cc9c8304/ccffa8bf2a65cc5bfad70e3b9acc9b83f0eda0512ef155b1883705fa0b71020ea8055b83b62e7b42_rw_1920.gif?h=dd26381e33d20bffad60bb33b18980db)
also a mock animation done using gif during one of the web app's initial stages
![](https://cdn.myportfolio.com/d49610ff2126732b391d7133cc9c8304/3652c2afe6b2b72218ac139eda32161b81cd9e590f57706bc85d22f4309dbbf366ae492a43f9c293_rw_1200.gif?h=89edf59902a4c62a17a619160c1c3226)
![](https://cdn.myportfolio.com/d49610ff2126732b391d7133cc9c8304/ef55c5c5bf9aaa834395923371e0ffb1070bde8d545dc76f127453f2f930a813b6f66f826b3eb389_rw_1920.gif?h=ec3f0292e860cda9c1bf33be2b73eaad)
the gallery
![](https://cdn.myportfolio.com/d49610ff2126732b391d7133cc9c8304/5c13feeda7baf5474f4e8a3acc4551d2d87f390009d874b8b715253c0cd54a7325086cf16550925a_rw_1920.gif?h=5ca540f576f20ed31519d78bfdff5532)
A typography treatment for the global transitions
![](https://cdn.myportfolio.com/d49610ff2126732b391d7133cc9c8304/01fdc4a288b2114e6c76f73e665523781a00f442dfd8282360cc8bc84c1cdac6e56c67efab86fa7a_rw_1920.jpg?h=2c1cfeabf43c12826c311d73f2162781)
![](https://cdn.myportfolio.com/d49610ff2126732b391d7133cc9c8304/e6590d445aaeba76853536e710f6997d82e31ff6ecbebd40d35682d6388ca61541cdad2784548350_rw_1920.jpg?h=fc51526a8da6d4f2b5fb332ae4843194)
![](https://cdn.myportfolio.com/d49610ff2126732b391d7133cc9c8304/518ecbdd62860289828bb533c5bc81f0e63ad907e81e31a9b22655a09fbf9bd7bc8dbd1c17652662_rw_1920.jpg?h=2ae9173ce403dc35dbffd499b9cedaa2)
![](https://cdn.myportfolio.com/d49610ff2126732b391d7133cc9c8304/7247469650014848f167c6e30440e4c93fcf6e29a9bcef136a4b34d9af10f7ca3295c7348681cd19_rw_1920.jpg?h=becd8e3e41563fa10400d484cc1ae37f)
a drag and drop game inside this dynamic web app
![](https://cdn.myportfolio.com/d49610ff2126732b391d7133cc9c8304/63ae673797f071f1177a310ca93d6b21c5f2c3c6b1e22344ef99c87f01d01288f972f46a9d3be21b_rw_1920.jpg?h=dbc0508ab295a87bc2bf5bf529ca6090)
earlier studies of the game draws inspiration from The Martian movie