How to Build Your First UI/UX Portfolio Deck
For junior UI/UX designers · Based on GraphiqVibe 4-Slide Portfolio Build Method
// TL;DR
The GraphiqVibe 4-Slide Portfolio Build Method helps junior UI/UX designers create a first portfolio that stands out to agencies — without an existing template or expensive software. You build four slides: a cover with your name in hand-drawn lettering and a monitor mockup showing your best app screen, an About Me slide with a bio you can draft in ChatGPT, project slides showcasing your app mockups, and an end slide listing tools like Figma and XD plus your Dribbble and LinkedIn. Use it when you're applying for agency roles and want a distinctive, cohesive deck built in Affinity by Canva.
Why do junior UI/UX designers need a distinctive portfolio?
When you're applying for agency roles with limited experience, your portfolio has to work harder than your resume. Hiring managers scan dozens of applications, and a generic templated deck blends into every other one on the pile. The GraphiqVibe 4-Slide Portfolio Build Method solves this by giving you a distinctive visual identity that signals craft and personality before the reviewer reads a single word — which is exactly the moment you need to win as a junior.
The method is built around a simple truth: a unique portfolio helps you stand out of the crowd. Every design decision, from hand-drawn brush strokes to a layered monitor mockup, communicates intentionality. For a junior UI/UX designer, that intentionality reads as maturity and attention to detail — the qualities agencies want to see.
How do you structure a first UI/UX portfolio in 4 slides?
Start by setting your artboard to 2000 × 1549 px with one artboard per slide. Then build the four core slides:
- Cover slide: Your name in the bold Mohara font, with one letter deliberately removed and hand-sketched back in a red brush stroke using the Path Brush Tool. Add a monitor mockup showing your best app screen design.
- About Me slide: Your headshot with a red Multiply color overlay for a color-block effect, white doodle lines for a fun hand-crafted feel, and a 5-line bio. If you're unsure what to write, draft it with ChatGPT and refine.
- Project slides: Your app mockups placed as PNGs inside the rectangle-with-corner-squares frame, with short project labels only — no long descriptions.
- End slide: A white-text list of your tools (Figma, Adobe XD, Illustrator) plus your Dribbble and LinkedIn handles with icons.
Build the gray-plus-grid background once at opacity 14 and copy it to every slide. Never recreate it from scratch.
How do you make your app screens look professional in the mockup?
The monitor mockup is your hero element and where junior work often looks amateur. Source a monitor PNG, remove its background with the Object Selection Tool in Pixel mode, and place a colored rectangle behind it for depth. Drop your best app screen inside the screen area. Then layer a Pinterest-sourced monitor overlay on top and set its blend mode to Multiply or Darken — this single step is what makes the screen look realistic instead of pasted on. Add micro-text with the Pixel Pearl font, like the project name and year, to reinforce your attention to detail.
Duplicate the monitor, send the copy behind the primary one, swap in a different app screen, and tint it with a Linear Burn color overlay so it reads as an atmospheric echo. Mirror the monitors on both sides of the composition for balance.
What mistakes should junior designers avoid?
Don't clutter your project slides with long case-study paragraphs — a title and short label is enough at this stage. Don't skip the blend mode step on your overlay. Don't forget to remove the stroke from the ellipse behind your headshot, and don't give up after your first rough attempt at the hand-drawn lettering — iterate until it looks intentional. Finally, run a consistency audit: every slide should share the same background, Mohara font, corner-square frame, and at least one doodle accent.
Next step: Open Affinity by Canva, gather your best 2–3 app screens as PNGs and a clean headshot, and build your cover slide first. Once your monitor mockup and title treatment look sharp, the other three slides come together fast.
// FREQUENTLY ASKED QUESTIONS
Do I need real client work to build a UI/UX portfolio with this method?
No. Personal projects, concept redesigns, and coursework all work as long as you export them as clean PNGs. The method showcases your app screens inside a professional monitor mockup, so the presentation elevates the work. For a first portfolio, 2–3 strong concept projects are enough to fill the project slides.
What tools should I list on the end slide as a junior UI/UX designer?
List the tools you actually use — commonly Figma, Adobe XD, and Illustrator for UI/UX work. Use white text with matching icons, and add or remove entries to match your real capabilities. Don't pad the list with tools you don't know; agencies test for these in interviews.
Which handles should I include for agency applications?
Include your Dribbble and LinkedIn handles with icons on the end slide. Dribbble shows your visual work at a glance, and LinkedIn signals you're job-ready. Add a portfolio URL if you have one. Keep the handles clean and matched to the icon set so the end slide stays consistent with the rest of the deck.