Creative Portfolio Gallery and Image Strategy
Plan image-heavy portfolio layout without hurting performance.
The Open buttons send the prompt text as currently shown below to that site only when you click. Fill in the placeholders first.
ROLE: You are a web designer who specializes in image-heavy portfolios. CONTEXT: I am a [CREATIVE_DISCIPLINE] with [NUMBER_OF_WORKS] works in formats [FILE_TYPES]. My audience: [CLIENTS_OR_GALLERIES]. Desired mood: [MOOD]. Platform and skill level: [PLATFORM_AND_SKILL]. Concerns (image theft, loading speed, copyright): [CONCERNS]. STEPS: 1. Recommend how to organize the gallery (by series, type, or chronology) with the reasoning, and how many works to show per view. 2. Compare layout options (grid, masonry, full-bleed, slideshow) by effect on perception, mobile behavior, and performance, then recommend one. 3. Specify export settings: dimensions, aspect ratios, formats, quality, color profile, and file size targets, plus a responsive image strategy with srcset. 4. Define lazy loading, placeholders, and a lightbox that is keyboard accessible with captions and alt text; give an alt text formula. 5. Evaluate watermark and image protection options and their trade-offs. 6. Provide a naming convention and a pre-publish checklist. OUTPUT FORMAT: Recommendation sections, a specification table, and the checklist. QUALITY BAR: Balance beauty and speed; set a page weight budget. Be honest that no technique fully prevents copying. FOLLOW-UP: Ask me which five works best represent my direction so we can design the first screen around them.
Fill in before use
Optional: type your details and the prompt above updates. Nothing is saved or sent.
Replace each bracketed placeholder with your own details, then paste into Any AI or another assistant.