![Mynd af Íslandi](https://images.prismic.io/juni-verse/658567b5531ac2845a26e32a_hero.jpeg?auto=format,compress&w=3840&q=75&fit=clip)
Map of Iceland
Heimsækja Vef
Viðskiptavinur
Íslandsstofa
Okkar hlutverk
Nytsemisprófanir, Hönnun, Notendaupplifun, Forritun, Þarfagreining, teikningar
Tæknistakkur
Figma, Leaflet, React, Next.JS, GraphQL, Prismic, Framer-motion, Typescript, Tailwind CSS, Mapbox, Maptiler
Markmið verkefnis
![Skjámynd af kortalausn](https://images.prismic.io/juni-verse/658593e1531ac2845a26e50f_desktop-1.jpeg?auto=format,compress&w=3840&q=75&fit=clip)
![Skjámynd af kortalausn](https://images.prismic.io/juni-verse/658593e1531ac2845a26e50f_desktop-1.jpeg?auto=format,compress&w=3840&q=75&fit=clip)
Kortið er hannað með hágæða myndefni og notendavænu leiðandi viðmóti sem prófað var á hugsanlegum notendum til að tryggja sem besta notendaupplifun. Einnig var lögð mikil áhersla á að kortið virki vel í öllum skjástærðum, þar sem markhópurinn er bæði heima við í tölvu að skipuleggja ferðina, en líka á ferðinni í síma.
Notandanum býðst einnig leiðsöguverkfæri, í formi texta, mynda og GIF, sem útskýrir hvernig hægt er að nota kortið og hvaða fjölda möguleika það býður upp á.
Hægt er að stækka og minnka kortið sjálft og hefur það tvær útlistskinnur. Þegar kortið er í almennri eða “default” stærð birtist notandanum kortaskinna hönnuð af ljósmyndaranum Snorra Þór Tryggvasyni, sem sýnir yfirgripsmikið yfirlit yfir landafræði Íslands og gerir notendanum kleift að sjá fyrir sér fjölbreytt landslag landsins. Seinni skinnan er í vector formi og sést einungis þegar kortið er stækkað til hins ýtrasta.
![Skjámynd af kortalausn fyrir síma](https://images.prismic.io/juni-verse/658562a8531ac2845a26e302_insertlocation-1.png?auto=format,compress&w=3840&q=75&fit=clip)
![Skjámynd af kortalausn fyrir síma](https://images.prismic.io/juni-verse/658562a8531ac2845a26e302_insertlocation-1.png?auto=format,compress&w=3840&q=75&fit=clip)
![Skjámynd af kortalausn](https://images.prismic.io/juni-verse/658593e3531ac2845a26e512_desktop-5-1.jpeg?auto=format,compress&w=3840&q=75&fit=clip)
![Skjámynd af kortalausn](https://images.prismic.io/juni-verse/658593e3531ac2845a26e512_desktop-5-1.jpeg?auto=format,compress&w=3840&q=75&fit=clip)
Leitargerð
![Skjámynd af kortalausn](https://images.prismic.io/juni-verse/658593e5531ac2845a26e514_FIlter-accommodation12.jpeg?auto=format,compress&w=3840&q=75&fit=clip)
![Skjámynd af kortalausn](https://images.prismic.io/juni-verse/658593e5531ac2845a26e514_FIlter-accommodation12.jpeg?auto=format,compress&w=3840&q=75&fit=clip)
Síun
![Skjámynd af kortalausn](https://images.prismic.io/juni-verse/658593e4531ac2845a26e513_desktop-5.jpeg?auto=format,compress&w=3840&q=75&fit=clip)
![Skjámynd af kortalausn](https://images.prismic.io/juni-verse/658593e4531ac2845a26e513_desktop-5.jpeg?auto=format,compress&w=3840&q=75&fit=clip)
![Skjámynd af kortalausn fyrir síma](https://images.prismic.io/juni-verse/65856859531ac2845a26e332_1.png?auto=format,compress&w=1200&q=75&fit=clip)
![Skjámynd af kortalausn fyrir síma](https://images.prismic.io/juni-verse/65856859531ac2845a26e332_1.png?auto=format,compress&w=1200&q=75&fit=clip)
![Skjámynd af kortalausn fyrir síma](https://images.prismic.io/juni-verse/6585685a531ac2845a26e333_2.png?auto=format,compress&w=1200&q=75&fit=clip)
![Skjámynd af kortalausn fyrir síma](https://images.prismic.io/juni-verse/6585685a531ac2845a26e333_2.png?auto=format,compress&w=1200&q=75&fit=clip)
![Skjámynd af kortalausn fyrir síma](https://images.prismic.io/juni-verse/6585685b531ac2845a26e334_3.png?auto=format,compress&w=1200&q=75&fit=clip)
![Skjámynd af kortalausn fyrir síma](https://images.prismic.io/juni-verse/6585685b531ac2845a26e334_3.png?auto=format,compress&w=1200&q=75&fit=clip)
![Skjámynd af kortalausn](https://images.prismic.io/juni-verse/658593e2531ac2845a26e511_desktop-4.jpeg?auto=format,compress&w=3840&q=75&fit=clip)
![Skjámynd af kortalausn](https://images.prismic.io/juni-verse/658593e2531ac2845a26e511_desktop-4.jpeg?auto=format,compress&w=3840&q=75&fit=clip)