thumbnails grid view full photo

This one was challenging... a Mobile Slideshow Builder where a user can reorder the photos.

Requirements:
1. Thumbnails must be draggable for reordering.
2. Thumbnails must not be cropped or clipped, show the entire photo in its respective aspect ratio.
3. Thumbnails must have # on them, signifying their order in the list.
4. For sake of drag & drop in a specific order, thumbnails must also live inside a square grid.

This solution satisfies all requirements and maintains a usable, elegant & clean interface. Honestly this is the 1st time I've ever seen anything like this!

© Gather Innovations