HLN Mobile Gallery

 

HLNtvsiteBNR2

Challenge:

Create a mobile version of the HLNtv.com image gallery.

Features:

  • Ability to advance through images
  • Possible ad integration
  • Seamlessly transition viewer to related galleries
  • Ability to share images on social platforms

Wireframes

A gallery icon will alert the user that a photo gallery is available in the article. After clicking the icon or photo the user will be taken to the first image in the photo gallery. The user will have the option to advance to the next photo, display a caption for the photo and share the gallery. After advancing through the all of the photos the user led to a related gallery cover page. The user can then go back to the article or continue to the next gallery.

HLN-mobile--gallery-wireframes

Prototype

Interactive Demo Link

 

Design