Instagram is a great tool for sharing, communicating, and building communities. Instameets are a organic growth from the users of Instagram, who have organized themselves and meet up to take photos, have new experiences and expand their social network.
Instagram is doing their part to support this grassroots community, and has a blog that maps and displays Instameets all over the world. Instagram came to Stamen to get a map that is easier to use and that highlights what is most important to them: the photos from their enthusiastic IGers.
While providing them with a cleaner, more legible basemap that doesn't compete with Instagram's brand, we also restructured the usagility to show more photos at once and to clarify the call-to-action.
Check out the map and the Instameet page here.
Mapping Instameets for
the Instagram Community
![](https://static.wixstatic.com/media/a8fe07_c7e4cf169a4241f3862d9b99a7c650cd.png/v1/fill/w_751,h_768,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/a8fe07_c7e4cf169a4241f3862d9b99a7c650cd.png)
Research
Wireframes
![](https://static.wixstatic.com/media/a8fe07_b77d79472c0245f0ad3b53b379f30813.jpg/v1/fill/w_447,h_683,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/a8fe07_b77d79472c0245f0ad3b53b379f30813.jpg)
![](https://static.wixstatic.com/media/a8fe07_048fe8af32c74a04af3ae4c14c18d69d.png/v1/fill/w_495,h_1377,al_c,q_90,enc_auto/a8fe07_048fe8af32c74a04af3ae4c14c18d69d.png)
![](https://static.wixstatic.com/media/a8fe07_3c1f67803fbc450097eea15f7ab3793b.png/v1/fill/w_495,h_809,al_c,q_90,enc_auto/a8fe07_3c1f67803fbc450097eea15f7ab3793b.png)
Finished Design: Mobile
![](https://static.wixstatic.com/media/a8fe07_7d57f3276e344aa6b2ef829589490d83.png/v1/fill/w_273,h_479,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/a8fe07_7d57f3276e344aa6b2ef829589490d83.png)
![](https://static.wixstatic.com/media/a8fe07_6cb33d80e2dc45ba9e94c65777b32df3.png/v1/fill/w_221,h_453,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/a8fe07_6cb33d80e2dc45ba9e94c65777b32df3.png)
![](https://static.wixstatic.com/media/a8fe07_ccdcc0e4695348dd8805063624e190f6.png/v1/fill/w_267,h_468,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/a8fe07_ccdcc0e4695348dd8805063624e190f6.png)
![](https://static.wixstatic.com/media/a8fe07_53091f9e7a4746d38f8251d75b9398de.png/v1/fill/w_243,h_462,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/a8fe07_53091f9e7a4746d38f8251d75b9398de.png)
Landing Animation of Featured Instameets
Selected image zooms map and gives info
User can slide up for more photo info
Search icon expands to fill the frame
Finished Design: Desktop
Landing view. Featured
Instameets animate and
upcoming Instameets are
highlighted in orange.
![](https://static.wixstatic.com/media/a8fe07_5ca57d5eb77d4004a419c7346380d50d.png/v1/fill/w_755,h_424,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/a8fe07_5ca57d5eb77d4004a419c7346380d50d.png)
Images are ordered by date,
upcoming first, followed
by past meets.
Once a photo is selected, the
map zooms in to the location,
the image grows larger, and
the photo details display.
![](https://static.wixstatic.com/media/a8fe07_94ba278321fe4ac98cda2df49651601e.png/v1/fill/w_754,h_424,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/a8fe07_94ba278321fe4ac98cda2df49651601e.png)
Search menu expands outward
from the upper right.
![](https://static.wixstatic.com/media/a8fe07_28e59de24d054811b9b59299b9ebeb2c.png/v1/fill/w_755,h_425,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/a8fe07_28e59de24d054811b9b59299b9ebeb2c.png)