๐ฝ๏ธ Lesson 7.3: Project โ A Visual Portfolio & an Infographic One-Pager
PowerPoint is quietly one of the most capable design tools most people already have โ and this lesson proves it with two image-forward builds. First, a visual portfolio: slides where the imagery dominates, framing is consistent, captions are minimal, and the work simply speaks. Second, a single-slide infographic one-pager: a designed poster built from shapes, icons, SmartArt, and precisely aligned zones at a custom slide size, then exported as a PNG or PDF you can print or post anywhere. The alignment, arrange, and object tools you met in Lesson 3.3 stop being nice-to-haves here and become the whole game.
๐ What You'll Learn
By the end of this lesson, you will be able to:
- Build an image-dominant visual portfolio with consistent framing, cropping, and a gallery feel
- Use minimal captions and generous whitespace so the work speaks for itself
- Set a custom Slide Size to turn a slide into a poster or one-pager canvas
- Assemble an infographic from shapes, icons, SmartArt, and theme colors, using align, distribute, and group to make it look designed
- Export to PNG and PDF for printing, posting, or sharing the one-pager anywhere
โฑ๏ธ Estimated Time: 60 minutes
๐ฏ Project: Build a 5โ8 slide visual portfolio AND one infographic one-pager slide at a custom size, then export the one-pager to PNG or PDF.
In This Lesson
Two Image-Forward Genres
The two projects in this lesson share a philosophy that flips the usual advice on its head: here, the image is the message. A pitch or training slide uses a visual to support words; a portfolio slide and an infographic use words to support visuals. That inversion demands a different kind of restraint โ not "few words because you'll say the rest," but "few words because the picture already said it." Getting comfortable with that is the leap this lesson asks you to make.
They differ in one important way, though, and it's worth naming up front. A visual portfolio is a sequence โ multiple slides, one or a few images each, viewed one after another like walking through a gallery. An infographic one-pager is a single composition โ everything on one surface, designed to be taken in at a glance and read in any order the eye chooses. One is paced; the other is instant. That's why the portfolio leans on consistency across slides, while the one-pager leans on layout within a single slide. Here's the quick decision:
let visuals carry it"] --> B{"One surface
or a sequence?"} B -->|"Many pieces, viewed in turn"| C["๐ผ๏ธ Visual portfolio
consistent framing
minimal captions"] B -->|"Everything at a glance"| D["๐ฐ Infographic one-pager
zones ยท shapes ยท icons
custom slide size"] C --> E["Present or share as slides"] D --> F["Export to PNG or PDF
print or post"]
Both projects also lean hard on skills you've already built โ images and cropping (Lesson 3.2), icons and SmartArt (3.2 and 3.3), and above all align, distribute, arrange, and group (3.3). What's new is the intent: you're now composing on the slide the way a designer composes on a page, and PowerPoint turns out to be remarkably good at it. Let's take each genre in turn.
๐ง Mindset
Design confidence comes from constraints, not freedom. Pick two fonts, three colors (your theme gives you these), and one consistent way of framing images โ then repeat them relentlessly. Amateurs reach for variety; designers reach for repetition. The most striking portfolio and the cleanest infographic almost always come from doing a few things consistently, not many things cleverly.
The Visual Portfolio
A visual portfolio shows off work that is itself visual โ photography, design, illustration, product shots, architecture, craft, food, a UX case study, before/after transformations. The goal is for a viewer to move through it and think "this person is good," without any single slide getting in the way. Four conventions carry it.
Let the image dominate
Portfolio slides are mostly picture. A single strong image can fill the entire slide edge to edge
(full-bleed), or sit in a generous frame of whitespace โ but it should clearly be the point. Resist the
urge to surround it with explanation. If the work is good, a big clean presentation of it is more
persuasive than any paragraph. Use Insert > Pictures, then size the image deliberately;
the Picture Format > Crop tool lets you crop to the part that matters or to a consistent
aspect ratio.
Consistent framing and cropping
This is what separates a portfolio from a pile of photos. Decide on one framing system and
hold it across every slide: all images the same size and position, or all cropped to the same aspect
ratio (crop to 1:1 squares, say), or all full-bleed. Consistency is what reads as
"professional" โ the viewer's eye stops noticing the frames and starts seeing only the work. A Slide
Master layout with a picture placeholder in a fixed spot makes this automatic: every new portfolio slide
drops its image into exactly the same frame.
Minimal captions
A caption on a portfolio slide should be a whisper, not a paragraph โ a title, a year, a one-line role or medium at most ("Cafรฉ rebrand ยท 2025 ยท identity & packaging"). Set it small, in a consistent spot, in your theme's font, and then leave it alone. The work is the star; the caption is a discreet label. If you feel the urge to explain a piece at length, that explanation belongs in your speaking or in a separate case-study slide, never crowding the image.
A gallery feel โ grids and rhythm
Some portfolio slides show one hero image; others work beautifully as a tidy grid of
several โ a 2ร2 or 3ร3 of thumbnails, perfectly aligned and evenly spaced, giving an "at a glance, here's
the range of my work" feel. This is where Align and Distribute (Lesson 3.3) are
essential: a grid only looks good if the gaps are mathematically even, and PowerPoint's distribute tools
do that in one click. Alternate hero slides and grid slides for rhythm, and the sequence feels like a
curated gallery rather than a slideshow.
โ Pro Tip
Build a single portfolio layout in the Slide Master โ image placeholder in a fixed frame, a small caption text box in a fixed corner โ and every portfolio slide you add inherits it. Now consistency isn't discipline you have to maintain; it's built in. Change the frame once and every slide updates. This is the course's core idea doing beautiful work in a design context.
The Infographic One-Pager
Now the more ambitious build: a single slide, designed as a poster or one-page infographic, that communicates something โ a process, a set of stats, a comparison, a "how it works," a summary โ entirely through layout, shapes, icons, and color. This is PowerPoint stretched fully into design-tool territory, and it's genuinely fun once the pieces click.
Think in zones
An infographic isn't a wall of elements โ it's a small number of clear zones, each doing one job. A classic one-pager has a bold header zone (title and a one-line subtitle), a body split into three or four parallel sections (steps, stats, or categories), and a footer zone (a takeaway, a source line, or a call to action). Sketch these zones on paper first โ literally boxes on a page โ before you place a single shape. Deciding the skeleton before the details is exactly the "structure before design" habit from the whole course, applied to one surface.
| Zone | Holds | Built from |
|---|---|---|
| Header | Big title + one-line subtitle | A colored band shape + text |
| Body sections | 3โ4 parallel steps, stats, or categories | Icons + short labels + numbers; or SmartArt |
| Connectors | Arrows or numbers showing flow or order | Shapes / lines in a theme accent color |
| Footer | Takeaway, source, or call to action | A thin band + small text |
Build from shapes, icons, and SmartArt
The body sections are where it comes alive. Use icons (Insert > Icons)
for a clean, consistent visual vocabulary โ one icon per section, all from the same set so they match.
Use shapes (Insert > Shapes) for cards, bands, number badges, and
connectors. Reach for SmartArt (Insert > SmartArt) when a section is a
genuine process or list โ a Process graphic gives you an instant, theme-colored row of steps you'd
otherwise build by hand. Because icons and SmartArt inherit your theme colors, the whole
infographic stays coordinated automatically; you almost never need to pick a color by hand if your theme
is set well.
Restraint makes it read
The failure mode of an infographic is clutter โ too many colors, too many fonts, too many little decorations competing for attention. The fix is the constraint mindset: two fonts, your theme's three or four colors, one icon style, consistent spacing. Whitespace isn't wasted space; it's what lets each zone breathe and the eye find its way. A calm, sparse infographic communicates; a busy one just exhausts.
๐ก Web vs desktop, for this build
Nearly all of this works on the free web app: shapes, icons, SmartArt, custom slide size, and export to PDF and PNG are available. The desktop / Microsoft 365 app adds deeper shape tools โ Merge Shapes (union, subtract, intersect to build custom icons), finer picture effects, and the fullest align/arrange options. You can build a great one-pager entirely free; the desktop extras are for when you want to push custom shapes further.
Alignment Is the Secret
Here's the truth that surprises people: the difference between an amateur infographic and a professional one is almost never the icons or the colors โ it's alignment. Elements that line up on invisible grid lines read as intentional and calm; elements a few pixels off read as sloppy, even when the viewer can't say why. This is where the object tools from Lesson 3.3 become the whole craft, so let's make them concrete.
Align and distribute
Select several objects and use Shape Format > Align (on the web: Arrange > Align) to snap them to a common edge or
center (align left, align middle), and Distribute Horizontally / Vertically to make the gaps
between them mathematically equal. Building three body cards? Align their tops, then distribute them
horizontally โ instantly even. This one habit, applied everywhere, is 80% of what makes a layout look
designed. Turn on Guides and Gridlines (View tab) and use
Smart Guides (the dashed lines that appear as you drag) to line things up by eye as a
backup.
Group what belongs together
Once a section is built โ an icon, a heading, a number, and a caption that form one card โ
group them (Ctrl+G on Windows, or Shape Format > Group; on the web: Arrange > Group) so
they move, align, and resize as a single unit. Now you can align and distribute the groups
against each other, keeping each card's internals intact. Grouping is what lets you compose at two levels:
tidy within each card, tidy across the row of cards.
Arrange the stacking order
Overlapping a header band behind a title, or an icon on top of a colored circle, is layering โ and
Bring Forward / Send Backward (Shape Format > Arrange; on the web: Arrange) controls which sits on
top. The Selection Pane (Shape Format > Selection Pane, or Home > Arrange > Selection Pane) lists every
object on the slide so you can find, rename, reorder, and show/hide them โ indispensable once an
infographic has twenty overlapping pieces. Naming your zones in the Selection Pane turns a chaotic slide
into an organized one.
๐ฌ The squint test: when your one-pager feels "off" but you can't say why, step back and squint at it. Misalignments and uneven gaps jump out when the detail blurs. Nine times out of ten the fix is to select a few things and click Align or Distribute. Alignment is invisible when it's right and glaring when it's wrong.
Custom Slide Size & Exporting
A one-pager usually isn't a 16:9 slide โ it's a poster, a portrait one-pager, a square social graphic. And a portfolio you hand to someone is often a PDF, not a live presentation. Two features handle both: custom Slide Size and export.
Set a custom Slide Size first
Before you compose the infographic, set the canvas to the shape you want:
Design > Slide Size > Custom Slide Size. Choose a preset (Letter, A4) or type exact
dimensions, and pick Portrait for a tall one-pager or keep landscape for a wide poster.
Do this first, because resizing after you've placed everything can stretch or reflow your careful
layout. For a printed one-pager, matching a paper size (A4 / Letter) means it prints edge to edge without
surprises. Custom Slide Size is available on both the web and desktop apps. One catch: slide size applies to
every slide in a file, so build the one-pager in its own new presentation, not inside your portfolio deck.
Export to PDF and PNG
When the one-pager is done, export it so it can live outside PowerPoint:
| Format | Best for | How |
|---|---|---|
| Printing, emailing, keeping text crisp at any size | File > Export > Create PDF/XPS (on the web, at the time of writing: File > Download As > Download as PDF) |
|
| PNG | Posting online, embedding in a doc, sharing as an image | File > Export > Change File Type > PNG, then export the current slide (desktop app) |
| JPG | Photos-heavy graphics where a smaller file matters | Same export path, choose JPEG (the web's Download As > Download as Images gives JPGs of every slide) |
PDF keeps your text razor-sharp and prints reliably, so it's the default for anything that will be printed or read at full size. PNG gives you a clean image with crisp edges (better than JPG for text and shapes) that drops into a webpage, a document, or a social post. On the desktop app the PNG export lets you choose "just this slide," which is exactly what you want for a single one-pager. On the web app, exporting is more limited โ at the time of writing there's no PNG or single-slide choice, only JPGs of every slide โ but PDF export is reliable, so on the web export the one-pager as a PDF.
โ ๏ธ Set the size before you design
The most common one-pager regret is composing everything at 16:9 and then switching to
portrait โ PowerPoint tries to rescale your objects and the careful alignment scatters. Set
Custom Slide Size as step one, before you place a single shape. If you must resize later,
expect to redo some layout, and check every zone afterward with the squint test.
๐ฏ Project: Portfolio + One-Pager
Two builds this time โ a short visual portfolio and one infographic one-pager. Use your own material wherever you can: photos you've taken, work you've made, a project you're proud of, or stats about something you care about. If you have nothing image-ready, a portfolio of favorite photos and an infographic summarizing a hobby or a process both work perfectly for practicing the craft.
๐๏ธ Build a portfolio and an infographic one-pager
Objective: Let visuals carry the message โ a consistent 5โ8 slide portfolio, and a single designed one-pager exported to PNG or PDF.
Part A โ Visual portfolio (about 20 minutes):
- (4 min) Gather 5โ8 images and set a theme. In the
View > Slide Master, make one portfolio layout with a picture placeholder in a fixed frame and a small caption box in a fixed corner. - (8 min) Build 5โ8 slides from that layout: mostly one hero image each, filling a consistent frame.
Picture Format > Cropto a consistent aspect ratio. - (4 min) Add one grid slide โ a 2ร2 or 3ร3 of images, aligned and evenly distributed (
Align+Distribute) for a gallery feel. - (4 min) Add minimal captions only โ title, year, or medium โ small and consistent. Let the work speak.
Part B โ Infographic one-pager (about 25 minutes):
- (3 min) Start a new presentation for the one-pager (slide size applies to every slide in a file, so it can't share a file with your portfolio), then set the canvas first:
Design > Slide Size > Custom Slide Sizeโ pick portrait A4/Letter or a poster size. Sketch your zones (header / 3โ4 body sections / footer) on paper. - (4 min) Build the header: a colored band shape (
Insert > Shapes) with a big title and a one-line subtitle. - (8 min) Build 3โ4 body sections: one icon (
Insert > Icons) per section from the same set, a short label, and a number or one-line point. Use SmartArt if a section is a real process. - (5 min) Align, distribute, and group (Lesson 3.3): align the section tops, distribute them evenly, group each card, then align the groups. Add arrows or number badges if there's an order.
- (2 min) Add a footer zone โ takeaway, source, or call to action โ and run the squint test to catch misalignments.
- (3 min) Export:
File > Exportto PDF and to PNG (this slide). On the web, download the PDF (and, if you like, the JPG images). Open both to confirm they look right.
๐ก Hint โ layout skeletons
VISUAL PORTFOLIO (5-8 slides)
- Master layout: [ picture placeholder frame ] + [ tiny caption corner ]
- Slide 1: hero image, full frame, caption: "Title - Year"
- Slide 2: hero image ...
- Slide 3: GRID [ img ][ img ]
[ img ][ img ] (Align + Distribute!)
- Slide 4-8: alternate hero / grid for rhythm
- Captions: small, same spot, theme font. Let the work speak.
INFOGRAPHIC ONE-PAGER (single slide, custom size FIRST)
+--------------------------------------------------+
| HEADER band: BIG TITLE + one-line subtitle |
+--------------------------------------------------+
| [icon] [icon] [icon] [icon] |
| Label Label Label Label |
| point point point point |
| (align tops, distribute evenly, group each) |
+--------------------------------------------------+
| FOOTER band: takeaway / source / call to action |
+--------------------------------------------------+
- Two fonts, theme colors only, one icon style, lots of whitespace.
- Export -> PDF (print) and PNG (post).
Keep both builds simple. A consistent 5-slide portfolio and a calm 4-section one-pager teach the craft better than crowded, ambitious versions.
โ Project Completion Checklist
- Portfolio: 5โ8 slides, image-dominant, consistent framing/cropping
- Portfolio: at least one aligned, evenly-distributed grid slide
- Portfolio: captions are minimal, small, and consistent
- One-pager: custom Slide Size set before designing
- One-pager: clear zones built from shapes, icons, and/or SmartArt in theme colors
- One-pager: elements aligned, distributed, and grouped (passes the squint test)
- One-pager exported to both PDF and PNG, and both open correctly
๐ฏ Quick Quiz
Question 1: What most separates a professional-looking visual portfolio from a pile of photos?
Question 2: When building an infographic one-pager, when should you set a custom Slide Size?
Question 3: Your one-pager feels "off" but you can't say why. What's the most likely fix?
Best Practices for Image-Forward Design
โ Do's
- Let the image dominate. In a portfolio, a big clean presentation of good work beats any paragraph.
- Frame consistently. One cropping/sizing system across all slides is what reads as professional.
- Design the one-pager in zones. Header, body sections, footer โ sketch them before placing a shape.
- Align, distribute, group. The object tools from 3.3 are 80% of what makes a layout look designed.
- Set custom Slide Size first, then export to PDF and PNG. Size before design; sharp output after.
โ Don'ts
- Don't over-caption a portfolio. A whisper of a label; the work is the star.
- Don't clutter the infographic. Two fonts, theme colors, one icon style, generous whitespace.
- Don't eyeball alignment when a tool can do it. Align/Distribute is exact; your eye isn't.
- Don't resize the slide after designing. It scatters your layout โ set the size up front.
๐ก Pro Tips
- Use the Selection Pane and rename your zones โ a twenty-object slide becomes manageable instantly.
- Pull all icons from the same set so their weight and style match; mismatched icons quietly cheapen a one-pager.
- Build the portfolio frame once in the Slide Master, and consistency stops being work you have to remember.
๐ 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: Did it surprise you that alignment โ not colors or icons โ is what makes an infographic look professional? Where did the "squint test" catch something your eye had missed? And how did it feel to let images carry the message with almost no words โ freeing, or uncomfortable? Designing with restraint is a muscle; note where you felt yourself reaching for "more" when "less" was the answer.
๐ Lesson Summary
๐ Key Takeaways
- In image-forward work the image is the message: a visual portfolio is a paced sequence, an infographic one-pager is a single composition read at a glance.
- A visual portfolio lets the work speak through image-dominant slides, consistent framing and cropping, minimal captions, and grid slides for a gallery feel โ a Slide Master layout makes the consistency automatic.
- An infographic one-pager is built in clear zones (header, body sections, footer) from shapes, icons, and SmartArt in theme colors, with restraint โ two fonts, few colors, lots of whitespace.
- Alignment is the secret: Align, Distribute, Group, Arrange, and the Selection Pane from Lesson 3.3 are what make a layout read as designed rather than sloppy.
- Set a custom Slide Size first for a poster/one-pager, then export to PDF (print) and PNG (post) โ most of this works on the free web app.
๐ What You've Accomplished
You used PowerPoint as a design tool, not just a slide tool โ building a portfolio that lets your work speak and a genuine infographic poster you can print or post anywhere. You put the alignment and object skills from Module 3 to their real test, learned to design with restraint, and produced an exported PNG and PDF that live entirely outside a slideshow. That's a set of skills most PowerPoint users never discover they had.
โ Common Questions at This Stage
Isn't PowerPoint the wrong tool for a poster or infographic โ shouldn't I use a design app?
Dedicated design tools have more power, but PowerPoint is genuinely capable and it's the one you already know. Shapes, icons, SmartArt, precise align/distribute/group, custom slide sizes, and clean PDF/PNG export cover the great majority of one-pager and poster needs. For most people, building it in PowerPoint โ with tools they're already fluent in โ produces a better result faster than learning a new app. Reach for a specialist tool only when you hit a wall PowerPoint genuinely can't clear.
Should I export my one-pager as PDF or PNG?
Both, ideally, because they serve different needs. PDF keeps text razor-sharp and prints reliably at full size, so it's the choice for anything printed or read closely. PNG is a clean image (sharper than JPG for text and shapes) that drops neatly into a webpage, a document, or a social post. Exporting both takes seconds and means you're ready for either use. Use JPG only when the graphic is photo-heavy and file size matters more than crisp edges.
My icons look mismatched โ what's wrong?
Almost always they're from different styles or sets. Icons vary in line weight, corner roundness,
and whether they're outlined or filled; mixing styles reads as messy even when each icon is fine on its
own. Pull every icon on the one-pager from the same set (PowerPoint's built-in Insert >
Icons library is consistent within a category), keep them all the same size, and recolor them to
a single theme color. Consistency of icon style is a small thing that makes a big difference.
๐ญ Looking Ahead
That's Module 7 complete โ three real projects across three genres. In the next lesson โ Lesson 8.1: Templates, Add-ins & Copilot in PowerPoint (Honest Free vs Paid) โ we start the final module by getting honest about the tools that promise to do the work for you. You'll learn where PowerPoint's templates and add-ins genuinely help, what the Copilot AI add-on actually does (and what it costs, and why nothing in this course needs it), and how to tell a real time-saver from a distraction โ so you finish the course as a capable, discerning builder, not just a button-clicker.
โ Before the Next Lesson
- Finish both builds; export your one-pager to PDF and PNG and open them to confirm
- Save the portfolio and one-pager to OneDrive alongside your pitch and training decks
- Write your Learning Journal entry for this lesson
๐ Additional Resources
- PowerPoint Help & Learning (Microsoft Support)
- Save slides as images & export to PDF (Microsoft Support)
- Infographic templates on create.microsoft.com
๐ Encouragement for the Journey
You just discovered that the slide tool on your computer is also a design studio โ and that a few consistent choices, aligned precisely, look better than a hundred clever ones. That eye for restraint and alignment will improve every slide you ever make. Three genres built, one module to go. Let's finish strong. ๐ฝ๏ธ