Build a project gallery with Website Media.

Group permitted project images around one story, keep their context clear, and review the gallery at responsive widths.

Build around this situation.

Use your own accurate details and check the result as you go. You can return to the relevant Website editor to make corrections.

  1. Choose one project story

    Select images that show the finished work, process, or important detail visitors need.

  2. Name each image's role

    Use clear filenames, Alt text, and captions where context helps the gallery make sense.

  3. Review the sequence

    Check order, crop, loading, and mobile reading flow before sharing the Page.

Illustrative example

What a useful result looks like

The result
A gallery sequence that supports the project story.
What to check
Review loading, crop and reading order on mobile and confirm any gallery controls are usable.

Adapt the example to your Website and review the result before moving to the next task.

Sequence images for understanding

Open with the image that identifies the project, then add details that support the story.

Keep permissions with the project

Confirm the people, places, client details, and work shown are approved for the public gallery.

Before you continue

A project gallery displays selected images; it does not establish ownership, prove a result beyond the shown context, or create a client approval.

Start with the part your Website needs.