Was ist enthalten

Eine SKILL.md (die Anleitung) + eine Startvorlage. Eine Vorschau:

Collage Creative Portfolio

When to use

• You're a designer, illustrator, photographer, or art director whose portfolio looks flat in a standard grid
• You have mixed media — photos, scans, sketches, posters, video stills — and want one site that holds them all
• Your work is bold and tactile, but your current portfolio site feels like a generic template
• You're applying for creative roles and need a portfolio that shows taste, not just thumbnails
• You want a single-page portfolio you can build and update in an afternoon, without a CMS
• Your pieces tell a story together — a collage layout lets you show relationships, not just a list

Workflow

1. Gather the raw material (input: your finished work + process scraps → output: asset pool)
   Collect 12–20 pieces: finished work first, then the scraps that make a collage feel alive — sketches, close-up crops, texture photos, handwritten notes, screenshots of works in progress. Export everything at consistent quality (at least 1600px on the long edge for hero pieces), name files descriptively, and note the year and medium for each. A collage portfolio lives or dies on its raw material — thin assets mean a thin page.
2. Define the collage language (input: asset pool → output: style rules)
   Pick the rules before placing anything: 2–3 background tones (one light, one dark, one accent), one display typeface and one body typeface, and a layering vocabulary — torn edges vs. clean cuts, rotation range (±3° for a subtle feel, ±8° for chaos), and how much overlap is allowed. Write these down as five short rules. Without rules, a collage becomes clutter; with them, it reads as deliberate.
3. Sequence the story (input: asset pool + style rules → output: ordered project list)
   Order your pieces like a gallery walk, not a chronological dump: strongest piece first, a quieter second piece for breathing room, then alternating scale and mood. Group related pieces into clusters of 2–4 so the page reads as chapters. Cut anything that duplicates a neighbour — a collage with 8 strong pieces beats one with 20 forgettable ones. Note one sentence per piece explaining what it proves about you.
4. Build the hero collage (input: top 3–5 pieces + style rules → output: hero section)
   The hero is a layered composition, not a slideshow: one anchor image (large, sharp), one or two supporting fragments overlapping its edges, your name in large display type, and a one-line statement of what you do. Keep the top-left or centre clear for the name — the eye should land on you first, then wander into the work. Test it at phone width: if the layers collapse into mush, reduce the overlap and enlarge the anchor.
5. Lay out the project clusters (input: ordered project list → output: full page body)
   Build each cluster as its own collage block: a dominant image, a supporting fragment, a short caption (title, year, medium, one sentence of context), and generous negative space before the next cluster. Vary the rhythm — a full-bleed image, then a tight pair, then a text-led block with a small image. Every cluster ends with the same question in the reader's mind: "what's next?" — so make the next cluster visually different.
6. Add the human layer (input: full page body → output: about + contact sections)
   After the work, add the person: a portrait (even a cropped, informal one), 3–5 lines on how you work, a list of services or availability, and one unmistakable contact action. Collage portfolios fail when they end in a void — a plain contact block with a real email address and a clear next step ("Book a 20-minute intro call") converts; a bare social-icon row does not.
7. Polish for load and legibility (input: finished draft → output: shippable site)
   Compress images (modern formats, lazy-load everything below the hero), check text contrast over every layered image, and verify every link. Then do the 10-second test: show the page to someone for 10 seconds and ask what you do. If they can't answer, simplify the hero. If they can, ship it — a portfolio that exists beats a perfect one still in Figma.

Vorschau der Startvorlage

Collage Creative Portfolio — Starter Template

Fill in every {placeholder}, then build the page section by section.

Style rules (write before placing anything)

• Background tones: light {light_bg}, dark {dark_bg}, accent {accent}
• Display typeface: {display_font} | Body typeface: {body_font}
• Rotation range: {rotation_range, e.g. ±5°} | Edges: {torn_or_clean}
• Overlap rule: {overlap_rule, e.g. fragments may overlap the anchor by up to 15%}

Hero

• Name: {your_name}
• One-line statement: {what_you_do_in_one_line}
• Anchor image: {hero_image_file} — {why_it_is_your_strongest_piece}
• Supporting fragments: {fragment_1}, {fragment_2}

Das Skill-Paket selbst (SKILL.md + Vorlage) ist auf Englisch verfasst.

Das komplette Skill-Paket kaufen — $4.99 Pro — alle 511 Skills