Interactive map for browser
Map released in 2019
Creators: Sloclap’s 2D artist and myself, based on Absolver lore
![Map Overview](https://cdn.myportfolio.com/50292df9-7605-4a66-99be-38620c2a62a8/08e31a66-e297-4f93-a3f5-7308eeab2ff4_rw_1920.jpg?h=449227466d60295cfeb2b4fa9fbc97b3)
Map Overview
![Country Details](https://cdn.myportfolio.com/50292df9-7605-4a66-99be-38620c2a62a8/29aef6e4-20b7-4238-b818-5c6c22c2b02d_rw_1920.jpg?h=c813fc4218bc4f090cfeddfdf35ddf35)
Country Details
![Mobile Version](https://cdn.myportfolio.com/50292df9-7605-4a66-99be-38620c2a62a8/6907f106-7c30-4470-807f-6d99b5fe70a5_rw_600.jpg?h=deac6b2bf0491b8c3e8089d42592adf8)
Mobile Version
![City Details](https://cdn.myportfolio.com/50292df9-7605-4a66-99be-38620c2a62a8/c34f0ba9-e092-4152-83b2-3016a0c401cf_rw_1920.jpg?h=bac2ba9191a49421bc239854e0aaa746)
City Details
![Wireframe](https://cdn.myportfolio.com/50292df9-7605-4a66-99be-38620c2a62a8/29e3ef13-49f3-48e9-a24f-97b5d1dea4e6_rw_1200.jpg?h=27695664211b5e79a1982568117e4fee)
Wireframe
![Detailed Mockup](https://cdn.myportfolio.com/50292df9-7605-4a66-99be-38620c2a62a8/1cc1bdd2-47f6-4969-9c40-d4e7c9ba4d14_rw_1920.jpg?h=1ab7694b82ab849641fad8366f6a1aaf)
Detailed Mockup
THE WEB PAGE:
The Absolver world map is a new part of the Absolver website. It allows the user to navigate in the game universe, by discovering countries details like traditions, typical clothing, and history.
MY ROLE:
Based on illustrations of the 2D artist, l elaborated navigation wireframes and a content selection for the world map. After the validation of different poles of the Absolver team (narrative, art, UI), and with the contribution of our sound-designer, I integrated the map with HTML5 and JavaScript, by using the soft Saola Animate. Then, the HTML5 div has been implanted online by the web agency in charge of Absolver website.