Une démarche pour l’histoire !
Dans le cadre d'un projet scolaire en groupe visant à valoriser le site naturel du Fort Napoléon à La Seyne sur Mer, j'ai été amené à créer l'identité graphique et coder une application mobile visant à enrichir l’expérience des visiteurs du lieu.
Maquettes réalisées sur Figma
Expérience utilisateur
L'application a pour objectif de guider les visiteurs du Fort Napoléon à travers un parcours géolocalisé découpé en 7 points d’intérêt répartis autour du fort.
Lorsque l'utilisateur arrive sur place, un cercle bleu indique sa position et le premier point d'intérêt (L'entrée du fort) est signalé par la présence de la mascotte de l'application !
Au moment où le visiteur entre dans le périmètre d'un point, un mini quiz s'affiche sur son écran. Une fois la question répondue, une vidéo explicative ou une photosphère 360° se lance afin d'apporter un éclairage historique ou architectural sur le point d'intérêt.
Une fois le point visité et la vidéo consultée, retour à la carte ! Un dégradé orangé nous indique la complétion du lieu et le point suivant s'anime…
Afin de rendre l'application vivante, j'ai créé quelques animations
J'ai également réalisé le storyboard et filmé le trailer de l'application.
Ainsi qu'une affiche pour la promouvoir !
Accueil
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 1244 1296" xmlns="http://www.w3.org/2000/svg"><g d="M 403.505 56.061 C 447.082 30.586 494.186 11.694 543.291 0 L 613.435 294.538 C 593.368 299.317 574.119 307.037 556.312 317.447 Z M 323.501 356.061 C 367.077 330.585 414.182 311.694 463.287 300 L 533.431 594.539 C 513.365 599.318 494.116 607.037 476.309 617.448 Z M 1025.401 162.928 C 1069.25 187.929 1109.162 219.278 1143.841 255.956 L 923.837 463.971 C 909.665 448.983 893.355 436.173 875.436 425.956 Z M 725.591 243.642 C 769.441 268.643 809.353 299.992 844.033 336.67 L 624.027 544.686 C 609.855 529.698 593.546 516.887 575.627 506.671 Z M 1243.801 754.939 C 1244.073 805.416 1236.878 855.655 1222.451 904.027 L 932.305 817.503 C 938.199 797.736 941.139 777.207 941.027 756.58 Z M 1023.991 535.653 C 1024.266 586.129 1017.075 636.369 1002.651 684.741 L 712.5 598.218 C 718.394 578.451 721.332 557.921 721.221 537.294 Z M 840.301 1240.079 C 796.725 1265.558 749.62 1284.449 700.515 1296.139 L 630.372 1001.599 C 650.438 996.824 669.687 989.106 687.494 978.695 Z M 920.305 940.082 C 876.727 965.557 829.623 984.448 780.519 996.142 L 710.376 701.603 C 730.441 696.825 749.69 689.105 767.498 678.695 Z M 218.406 1133.219 C 174.556 1108.215 134.644 1076.866 99.963 1040.189 L 319.97 832.171 C 334.14 847.16 350.45 859.97 368.37 870.186 Z M 518.215 1052.499 C 474.364 1027.499 434.451 996.15 399.773 959.472 L 619.779 751.457 C 633.95 766.445 650.26 779.255 668.18 789.472 Z M 302.779 539.563 C 302.667 518.936 305.607 498.406 311.501 478.639 L 21.351 392.116 C 6.926 440.488 -0.266 490.728 0.008 541.204 Z M 219.814 760.49 C 219.539 710.013 226.732 659.773 241.157 611.401 L 531.307 697.925 C 525.412 717.692 522.472 738.221 522.585 758.848 Z" fill="transparent" height="1296.1390073242185px" id="UiVD9Qv0A" width="1243.8079469892318px"><path d="M 403.505 56.061 C 447.082 30.586 494.186 11.694 543.291 0 L 613.435 294.538 C 593.368 299.317 574.119 307.037 556.312 317.447 Z M 323.501 356.061 C 367.077 330.585 414.182 311.694 463.287 300 L 533.431 594.539 C 513.365 599.318 494.116 607.037 476.309 617.448 Z M 1025.401 162.928 C 1069.25 187.929 1109.162 219.278 1143.841 255.956 L 923.837 463.971 C 909.665 448.983 893.355 436.173 875.436 425.956 Z M 725.591 243.642 C 769.441 268.643 809.353 299.992 844.033 336.67 L 624.027 544.686 C 609.855 529.698 593.546 516.887 575.627 506.671 Z M 1243.801 754.939 C 1244.073 805.416 1236.878 855.655 1222.451 904.027 L 932.305 817.503 C 938.199 797.736 941.139 777.207 941.027 756.58 Z M 1023.991 535.653 C 1024.266 586.129 1017.075 636.369 1002.651 684.741 L 712.5 598.218 C 718.394 578.451 721.332 557.921 721.221 537.294 Z M 840.301 1240.079 C 796.725 1265.558 749.62 1284.449 700.515 1296.139 L 630.372 1001.599 C 650.438 996.824 669.687 989.106 687.494 978.695 Z M 920.305 940.082 C 876.727 965.557 829.623 984.448 780.519 996.142 L 710.376 701.603 C 730.441 696.825 749.69 689.105 767.498 678.695 Z M 218.406 1133.219 C 174.556 1108.215 134.644 1076.866 99.963 1040.189 L 319.97 832.171 C 334.14 847.16 350.45 859.97 368.37 870.186 Z M 518.215 1052.499 C 474.364 1027.499 434.451 996.15 399.773 959.472 L 619.779 751.457 C 633.95 766.445 650.26 779.255 668.18 789.472 Z M 302.779 539.563 C 302.667 518.936 305.607 498.406 311.501 478.639 L 21.351 392.116 C 6.926 440.488 -0.266 490.728 0.008 541.204 Z M 219.814 760.49 C 219.539 710.013 226.732 659.773 241.157 611.401 L 531.307 697.925 C 525.412 717.692 522.472 738.221 522.585 758.848 Z" fill="transparent" height="1296.1390073242187px" id="ZrpanZ5XH" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(255, 255, 255)" transform="translate(0 0)" width="1243.8079469892318px"/></g></svg>)