Illustrations and concept by me.
Coding and website design by:
Trine Alnæs and Merethe Ølstøren
Sceendump of the final coded website
![](https://cdn.myportfolio.com/7c188795-a23f-4c3d-b990-2db20f348df5/e17cd592-e678-4305-b086-bc7e71c46f8c_rw_3840.jpg?h=15f0a7633e90f7352f939a3e8069dab9)
Final illustration of world map
![](https://cdn.myportfolio.com/7c188795-a23f-4c3d-b990-2db20f348df5/70df19a6-9acd-4233-9855-57adb43c3594_rw_1920.png?h=713c24ce0698e55e8a816981b55b758e)
Final icons for website
![](https://cdn.myportfolio.com/7c188795-a23f-4c3d-b990-2db20f348df5/7fd43e4f-da03-48c6-b0e4-4450608bf508_rw_1920.png?h=3d6c9f246c982e4d1293aff82e01159d)
![](https://cdn.myportfolio.com/7c188795-a23f-4c3d-b990-2db20f348df5/ddd22b56-fd31-43c3-ab0d-c0d4f725a740_rw_1920.png?h=5c505e5870b7547432a9bc5be4b598aa)
![](https://cdn.myportfolio.com/7c188795-a23f-4c3d-b990-2db20f348df5/b22b2ed5-076f-45ac-aa1d-287c3ec7b853_rw_1920.png?h=429de56cfeb0abef7e34ec904adda394)
![](https://cdn.myportfolio.com/7c188795-a23f-4c3d-b990-2db20f348df5/6b627872-c04a-414a-96ea-5d1a751a4322_rw_1920.png?h=652b54c80e027184d76bb89d67a37a99)
Screenshots from the final coded website. First theme page, timeline and a interactive wold map with information.
![](https://cdn.myportfolio.com/7c188795-a23f-4c3d-b990-2db20f348df5/4833c2aa-7e79-4493-8408-e6438fe6a526_rw_1920.gif?h=061b0089df495a326f7cd3ea3018f9c6)
Final character design and gif of Ratatoskr
![](https://cdn.myportfolio.com/7c188795-a23f-4c3d-b990-2db20f348df5/7e975332-0fe8-452a-b244-38509940ddc7_rw_1920.png?h=ce444b77b4660fa6937d83e979e2c572)
From rough sketch to final character
![](https://cdn.myportfolio.com/7c188795-a23f-4c3d-b990-2db20f348df5/9d3110a1-37eb-46c3-8526-379346225a3f_rw_1920.jpg?h=01d0dc79c4a35ddddd97bf265853cb3c)
![](https://cdn.myportfolio.com/7c188795-a23f-4c3d-b990-2db20f348df5/c1d5655c-e3ef-499c-9f03-0e7ab94501de_rw_3840.jpg?h=a255492d65922d56a3e14d79aa7b4ff3)
Rough idea sketches
![](https://cdn.myportfolio.com/7c188795-a23f-4c3d-b990-2db20f348df5/8cd74b68-ba64-4ca8-9e17-a893df72b763_rw_3840.jpg?h=df99e70aa45bf36713bf1c1c6fc98cf0)
Final lines to world map
![](https://cdn.myportfolio.com/7c188795-a23f-4c3d-b990-2db20f348df5/c4d79f79-b62c-43b3-8e2a-e470582c09fe_rw_3840.jpg?h=808cde2ea29a2ac9df63d8ec90cd56fe)
Final lines to icons