Website gallery design ideas

Website gallery design decides whether people browse your work or scroll past it. Every gallery section here runs live, so drag it, flick it and check it at phone width before you copy the prompt that builds it.

Prompts

Guide

What makes a gallery section work

  • One image in focus. Make it clear which item is the current one.
  • Obvious controls. Arrows, dots or drag, and say which in the prompt.
  • A plan for phones. Swipe on touch, with images sized for a narrow screen.