📊 Lesson 7.3: Project — A Visual Portfolio & an Infographic One-Pager

The last project is the most visual. Here you'll make images do the talking in two very different ways: a visual portfolio where your work speaks for itself across clean, consistent layouts, and an infographic one-pager where a single well-designed slide communicates a whole story with shapes, icons, and big numbers. Both live or die on the same skill you've built all course — discipline: alignment, consistency, and knowing what to leave out.

📚 What You'll Learn

By the end of this lesson, you will be able to:

Build a visual portfolio with image-heavy layouts and a consistent grid
Use captions, cropping, and masking so images sit cleanly and your work leads
Apply alignment discipline so a whole deck reads as one polished set
Design an infographic one-pager using shapes, icons, big numbers, and a simple diagram
Work within a tight palette so a dense one-pager stays calm and readable
Export as an image or PDF to share the one-pager anywhere

⏱️ Estimated Time: 75 minutes

🎯 Project: Build a short visual portfolio (6–8 image slides) AND one infographic-style one-pager slide, then export the one-pager as an image or PDF.

In This Lesson

🖼️ Letting the Work Speak

Everything we've built so far has been text-forward: pitches and lessons where words (in the notes) carry the argument and slides support them. This project flips that. In a portfolio and an infographic, the image is the message. Your job as the designer is to get out of the way — to frame the work cleanly and remove everything that competes with it.

That sounds easy and it's genuinely hard, because the temptation is to add: a border here, a drop shadow there, a caption in a different font, three photos crammed onto one slide. Great visual work does the opposite. It leans on the same through-line — Message → Structure → Design — but the design move is almost always subtraction. A consistent grid, a tight palette, generous whitespace, and ruthless alignment are what make amateur image decks look professional. Remember the course habit: design through the theme and consistent choices, don't hand-decorate each slide.

🧠 Mindset

Think like a gallery curator, not a scrapbooker. A gallery gives each piece room, hangs everything on a level line, and uses identical little labels so nothing distracts from the art. A scrapbook piles things on, tilts photos, mixes fonts. Both are valid crafts — but for a portfolio and an infographic, curate. When in doubt, take something away and add whitespace.

🎞️ Part A — The Visual Portfolio

A visual portfolio is a deck whose job is to show your work — designs, photos, projects, spaces, dishes, anything visual — and let it earn attention on its own. The structure is simple and repeatable: a strong title slide, then one clean slide per piece (or a tidy grid of related pieces), each with a short caption. The discipline is what makes it sing.

One piece, one slide (mostly)

The default is one image per slide, large, centered on a consistent margin, with a short caption — the piece title and maybe one line of context. This gives each work the "gallery wall" treatment. When pieces are related or small (say, a set of icons or photos from one project), a clean grid of two, three, or four on one slide works beautifully — as long as the grid is truly aligned and evenly spaced.

Captions that inform, not clutter

Style captions once — same font, same size, same position (bottom-left or bottom-center) on every slide — so they read as quiet labels rather than competing with the image. This is where the slide master earns its keep again: define a "portfolio" layout with the caption placeholder positioned consistently, and every slide inherits it. Consistency of captions is what separates a portfolio from a photo dump.

✅ Pro Tip

Give every image the same treatment: same aspect ratio (crop to it), same margin from the slide edge, same caption style. Sameness is the goal — it makes the work the only thing that varies from slide to slide, which is exactly what you want the viewer noticing. If one image needs a different crop, change the image, not the frame.

📐 Grids, Cropping & Alignment

Three techniques from Module 4 do the heavy lifting for both the portfolio and the one-pager. Here's how each fits together into a clean layout — the underlying grid concept that makes image-led slides look designed.

graph TD A["🧭 Choose a grid
columns & consistent margins"] --> B["✂️ Crop / mask each image
to the same shape & ratio"] B --> C["📏 Align & distribute
edges snap · gaps even"] C --> D["🏷️ Add captions in one style
same font · size · position"] D --> E["🖼️ A clean, curated visual layout"] A -. "define once in the master" .-> E

Crop and mask to a shape

Cropping trims an image to the part that matters and to a consistent ratio; masking fits it into a shape (a rounded rectangle, a circle, a fixed frame). Used consistently, they make mismatched source photos sit together as a tidy set. The rule: pick one crop shape/ratio for a given grid and apply it to every image in that grid.

Alignment is non-negotiable

Nothing marks a deck as amateur faster than images that are almost lined up. Use the align and distribute tools (and the smart guides that snap as you drag) so every edge is truly flush and every gap is truly equal. Your eye catches a two-pixel misalignment even when you can't name it — so let the tools make it exact. On a grid, select the images and distribute them evenly; on a single-image slide, center it on a consistent margin. This one habit does more for perceived quality than any effect.

⚠️ Watch Out

Resist stretching images to fill a space — it distorts faces, logos, and shapes in a way viewers notice instantly, even subconsciously. Always crop or mask to change what's shown; never drag a side (non-corner) handle to squash or stretch. If an image doesn't fit the frame, change the crop or the frame, never the proportions.

📊 Part B — The Infographic One-Pager

An infographic one-pager is a single slide (occasionally two or three) that tells a whole story visually — a snapshot of results, a process, a comparison, a "year in review." It's meant to be understood at a glance and shared as an image or PDF rather than presented live. Think of the last time you saw a "by the numbers" graphic: a few big numbers, a couple of icons, a simple flow, all in a tight color scheme. That's the target.

The design tension here is the opposite of the portfolio: a one-pager is dense by nature, so your whole job is keeping density from becoming clutter. Two disciplines do that. First, a tight palette — two or three colors plus a neutral, used consistently, so a busy slide still feels calm and intentional. Second, a clear visual hierarchy — the most important number or headline is the biggest thing on the slide, and everything else is sized to signal its importance. A one-pager isn't "lots of stuff"; it's "a few things, clearly ranked."

💡 Where the pieces come from

You already have every skill this needs: shapes and icons (Module 4), simple diagrams built from shapes and arrows, big styled text for the numbers, and a consistent palette from the theme. An infographic is less a new technique than a new arrangement of familiar ones — which is exactly what a capstone project should be.

🧩 Anatomy of a One-Pager & Exporting

Most effective one-pagers share the same anatomy, roughly top to bottom:

A title / headline — the one-line story: "2025 in Numbers," "How It Works," "Why Recycling Matters"
Big numbers or key stats — three or four hero figures, each with a one-word label and maybe an icon
A simple diagram or flow — three or four shapes and arrows showing a process or relationship
Supporting icons — small, consistent symbols that make each point scannable
A footer / source line — where the data came from, and your name or logo

Lay these out on a grid, keep them in your tight palette, and make sure the reading order flows naturally (top-left to bottom-right for most readers). Group related elements close together and leave whitespace between groups — proximity tells the eye what belongs with what.

Export for sharing

Because a one-pager is meant to be shared rather than presented, you'll export it. Use File → Download to save the slide as a PNG or JPEG image (perfect for posting, embedding, or messaging) or as a PDF (best for printing or emailing a crisp copy). Note that the PNG/JPEG options save just the current slide, but PDF exports the whole deck — so for a one-page PDF, copy the one-pager into its own file (or delete the other slides from a copy) first. Before exporting, do the squint test one more time and check contrast so text stays readable. An exported one-pager is a self-contained artifact that works anywhere — no Slides account needed to view it.

✅ Pro Tip

Set the slide size to match where the one-pager will live before you design — a standard 16:9 slide is great for screens, but if it's going to print as a flyer you may want a different page setup. And keep an editable copy in Slides even after exporting, so you can update the numbers next quarter and re-export in seconds. The exported image is the deliverable; the deck is the source of truth.

🎯 Project: Portfolio + One-Pager

This capstone has two builds. First a short visual portfolio (6–8 image slides), then a single infographic one-pager you export to share. Gather your images first — work you're proud of for the portfolio, and for the one-pager, a small set of numbers or a process you can visualize (a hobby's stats, a project's results, a simple "how it works").

🏋️ Build A — a visual portfolio (6–8 slides)

Objective: A clean, consistent portfolio deck where the work speaks for itself.

Instructions (about 30 minutes):

(4 min) Open a new deck, apply a minimal theme, and in the slide master set a "portfolio" layout: a consistent image margin and a caption placeholder in one fixed position/style.
(4 min) Build a strong title slide — your name and what the portfolio shows, nothing more.
(14 min) Add 5–7 work slides: mostly one image per slide, cropped/masked to the same ratio, centered on the consistent margin, each with a short caption in the shared style. Use one clean grid slide if you have a related set.
(5 min) Select and use align & distribute on every slide so edges are flush and gaps even. Fix any image that was stretched — re-crop instead.
(3 min) Do a squint-test pass: is anything competing with the work? Remove borders, shadows, or stray text that clutter. Save.

✅ Build A Checklist

6–8 slides: a title slide plus one-image (and optional grid) work slides
Every image cropped/masked to a consistent shape/ratio — none stretched
Captions share one font, size, and position across all slides
Everything is aligned and evenly distributed; margins are consistent

🏋️ Build B — an infographic one-pager

Objective: One dense-but-clear slide that tells a story visually, exported to share.

Instructions (about 30 minutes):

(4 min) Pick your story and pick a tight palette: two or three colors plus a neutral. Write the one-line headline.
(6 min) Place the big numbers — three or four hero stats, each with a one-word label; make the most important one the biggest thing on the slide.
(8 min) Build a simple diagram or flow from shapes and arrows (e.g. three steps of a process) and add small, consistent icons next to each point.
(5 min) Align everything to a grid; group related items close together with whitespace between groups so the reading order flows. Add a footer/source line with your name.
(4 min) Squint-test and contrast-check, then export via File → Download as a PNG/JPEG image and/or a PDF. Keep the editable deck too.
(3 min) Open the exported file to confirm it looks right on its own, outside Slides.

💡 Hint — one-pager anatomy, top to bottom

[ HEADLINE — the one-line story ]

[  42     |   3x    |   9/10   ]   <- big numbers + labels
[ label   |  label  |  label   ]

[ Step 1 -> Step 2 -> Step 3 ]      <- simple flow (shapes+arrows)
[  icon      icon      icon    ]

[ Source: ...            your name/logo ]   <- footer

Palette: 2-3 colors + 1 neutral, used consistently.
Biggest element = most important number/headline.

Build the headline and the biggest number first — they set the hierarchy everything else fits around.

✅ Build B Checklist

One slide with a clear headline and 3–4 hero numbers with labels
A simple shapes-and-arrows diagram plus consistent icons
A tight palette (2–3 colors + neutral) used throughout; clear visual hierarchy
Aligned to a grid with grouping and whitespace; a footer/source line
Exported as an image and/or PDF, and checked on its own

🎯 Quick Quiz

Question 1: In a visual portfolio, why crop or mask every image to the same shape and ratio instead of resizing each to fit?

Question 2: An infographic one-pager is dense by design. What keeps that density from becoming clutter?

⭐ Best Practices for Image-Led Decks

✅ Do's

Curate, don't scrapbook. Give work room, hang it on a grid, and use one quiet caption style.
Crop and mask to a consistent shape. Sameness of frame makes the work the star.
Let hierarchy do the work on the one-pager. Biggest = most important; a tight palette keeps it calm.

❌ Don'ts

Don't stretch images. Distortion is instantly noticeable — re-crop or change the frame instead.
Don't settle for "almost aligned." Use align & distribute so edges are truly flush and gaps even.
Don't over-color the one-pager. Two or three colors plus a neutral beats a rainbow every time.

💡 Pro Tips

Keep the editable deck after exporting — update the numbers and re-export next time in seconds.
Do a squint test before exporting: if the story isn't clear at a glance, simplify before you share.

📓 Learning Journal

Keep a learning journal as you work through this course — a separate document, a note, or even a slide at the end of the deck you're building. After each lesson, take a few minutes to write down:

Key concepts you learned
Techniques that clicked for you
Questions or confusion points to revisit
Ideas you want to try in your own decks
Your progress and feelings about learning this — including where your confidence grew

✍️ This lesson's prompt: Which was harder for you — the subtraction discipline of the portfolio, or the hierarchy-and-density balance of the one-pager? What did aligning and cropping consistently do to how "designed" your portfolio felt? Look back at your very first deck from Module 1: what can you now do that you couldn't then?

📝 Lesson Summary

🎓 Key Takeaways

In image-led decks the image is the message, and the design move is usually subtraction — grid, tight palette, whitespace, ruthless alignment.
A visual portfolio gives each piece the gallery treatment: consistent cropping/masking, one caption style, and true alignment so the work is what varies slide to slide.
An infographic one-pager tells a whole story on one slide with a headline, big numbers, a simple diagram, icons, a tight palette, and clear hierarchy — dense but not cluttered.
Export the one-pager as a PNG/JPEG or PDF to share anywhere, and keep the editable deck as the source of truth.

🎉 What You've Accomplished

You built two very different image-led deliverables — a curated visual portfolio and a self-contained infographic one-pager — applying cropping, masking, grids, alignment, hierarchy, and a tight palette with real discipline, then exported work that stands on its own. Across these three project lessons you've now built a pitch, a lesson, and a visual set: the full range of what presentations are for. You can walk into almost any "can you put together a deck for this?" and know exactly how to approach it.

❓ Common Questions at This Stage

PNG, JPEG, or PDF — which export should I use?

Use PNG for a crisp image with text and shapes (it stays sharp and supports transparency), JPEG when the one-pager is mostly photos and you want a smaller file, and PDF when it will be printed or emailed as a clean, fixed document. When in doubt for a graphics-heavy one-pager, PNG is the safe default.

How many images is too many on one portfolio slide?

For impact, one large image per slide is ideal. A tidy grid of two to four related pieces works well when they belong together. Past four or five on a single slide, each shrinks too small to appreciate and the grid gets hard to align cleanly — better to give them their own slides. Let the work breathe.

Can I do all this on the free tier?

Yes — cropping, masking, shapes, icons, alignment, and exporting to image or PDF are all standard, free features. As always, some AI-assisted design help and extra Drive storage sit behind paid Google Workspace, Google One, or Gemini plans; check Google's current pages for what those include. Nothing in this project requires them.

🔭 Looking Ahead

In the next lesson — Lesson 8.1: Templates, Add-ons & Gemini / AI in Slides (Honest Free vs Paid) — we look at the tools that speed you up: reusable templates, add-ons, and AI help in Slides, with an honest, hedged look at what's free versus what sits behind a paid plan. It's the perfect follow-up now that you know how to build decks by hand.

✅ Before the Next Lesson

Finish both builds and export your one-pager as an image or PDF
Save your portfolio deck and one-pager somewhere you'll find them — they're portfolio pieces now
Write your Learning Journal entry for this lesson

📚 Additional Resources

🌟 Encouragement for the Journey

Three real projects, done. A pitch that persuades, a lesson that teaches, and a visual set that lets your work speak — built from a blank deck using skills that were brand new to you six modules ago. That's not practice anymore; that's a portfolio. Be proud of it. 📊