Portfolio

Accessibility

✅ Basic Skills

Alt Text Ally – Write Meaningful Alternative Text

Clarity Champion – Use Clear and Understandable Language

Contrast Guardian – Meet Accessible Colour Contrast Standards

Error Guide – Improve Error Communication

Focus Finder – Improve Visible Focus States

Inclusive Observer – Identify Accessibility Barriers

Keyboard Scout – Test Keyboard Navigation

Structure Steward – Use Semantic Content Organization

Zoom Defender – Design for Magnification

Colour

✅ Basic Skills

Brand Builder – Create a Branded Colour Palette

Colour Minimalist – Design Using Three Colours or Fewer

Contrast Champion – Create a High-Contrast Interface

Cool Operator – Use a Cool Colour Scheme

Hierarchy Painter – Use Colour to Direct Attention

Monochrome Explorer – Use a Monochromatic Colour Scheme

Mood Maker – Use Colour to Create a Specific Emotional Tone

Signal Sender – Use Colour to Communicate Status

Warmth Weaver – Use a Warm Colour Scheme

Communication & Storytelling

✅ Basic Skills

Audience Adapter – Tailor Communication for a Specific Audience

Call-to-Action Crafter – Strengthen a Call to Action

Hierarchy Storyteller – Create a Clear Information Priority

Information Organizer – Improve Content Structure

Message Maker – Communicate One Key Idea Effectively

Microcopy Explorer – Improve Interface Microcopy

Plain Language Champion – Rewrite Content Using Plain Language

Tone Builder – Establish a Consistent Voice and Tone

Visual Narrator – Tell a Story Through Design

Constraints & Experimentation

✅ Basic Skills

Colourless Creator – Design Without Using Colour for Meaning

Double Vision – Create Two Different Solutions to the Same Problem

First Contact – Design for First-Time Users

Grey Matter – Design Using Only Grayscale

Mature Mavin – Design for Older Adults

Minimalist Monk – Work Within a Strict Visual Limit

Mobile Survivor – Design for a Small Mobile Screen

Rule Breaker – Challenge a Common Design Convention

Editorial Layout

✅ Basic Skills

Column Crafter – Design Using Multiple Text Columns

Content Conductor – Organize Long-Form Content

Margin Master – Use Margins and Whitespace Effectively

Pace Setter – Create Visual Rhythm Across Content

Page Planner – Create a Multi-Section Layout

Pull Quote Pioneer – Incorporate Pull Quotes or Highlights

Execution

✅ Basic Skills

Asset Assembler – Create Supporting Design Assets

Consistency Keeper – Maintain Visual Consistency

Detail Detective – Improve Small Interface Details

Feedback Responder – Apply Feedback to Improve a Design

Flow Finisher – Complete a Full User Flow

Pixel Polisher – Refine Layout and Alignment

Progress Tracker – Document Design Progress

Prototype Builder – Create a Functional Prototype

Version Voyager – Explore Multiple Design Iterations

Expressive Typography

✅ Basic Skills

Display Explorer – Use a Display Typeface Effectively

Mood Maker – Use Typography to Convey Emotion

Personality Builder – Create a Typographic Personality

Style Explorer – Experiment With Unconventional Typography

Typographic Illustrator – Create a Visual Composition Using Type

Voice Amplifier – Reinforce a Message Through Typography

Readability & Legibility

✅ Basic Skills

Contrast Caretaker – Improve Text Contrast

Font Evaluator – Compare Typefaces for Readability

Line Length Keeper – Optimize Line Length

Readability Ranger – Improve Reading Comfort

Spacing Steward – Improve Letter and Line Spacing

Text Organizer – Improve Text Structure

Research & Testing

✅ Basic Skills

Assumption Hunter – Identify Design Assumptions

Audience Investigator – Define a Target Audience

Curiosity Seeker – Conduct Background Research

Feedback Collector – Gather Informal User Feedback

Insight Recorder – Document Research Findings

Journey Mapper – Create a User Journey Map

Observation Scout – Observe Real User Behaviour

Persona Pathfinder – Create a User Persona

Question Crafter – Develop Effective Research Questions

Strategy

✅ Basic Skills

Audience Advocate – Align Design Decisions with User Needs

Context Explorer – Consider Environmental and Situational Factors

Goal Setter – Define Clear Project Goals

Opportunity Scout – Identify an Untapped Design Opportunity

Priority Keeper – Identify Primary and Secondary Goals

Problem Finder – Define the Core Problem to Solve

Stakeholder Interpreter – Consider Multiple Stakeholder Perspectives

Success Mapper – Define Success Metrics

Value Builder – Define a Value Proposition

Type Pairing

✅ Basic Skills

Contrast Composer – Create Contrast Through Type Pairing

Font Explorer – Experiment with Unfamiliar Typefaces

Harmony Hunter – Create a Harmonious Typeface Pairing

Pairing Pioneer – Combine Two Typefaces

Personality Matcher – Match Type Pairing to a Brand

Serif Scout – Use a Serif and Sans Serif Combination

Typographic Systems

✅ Basic Skills

Baseline Builder – Align Text to a Baseline Grid

Hierarchy Builder – Establish Text Styles

Rhythm Maker – Create Visual Rhythm Through Typography

Scale Builder – Create a Type Scale

Spacing Specialist – Create Consistent Typographic Spacing

Style Steward – Reuse Typography Consistently

Typography

✅ Basic Skills

Alignment Adept – Use Strong Typographic Alignment

Emphasis Expert – Create Emphasis Without Colour

Hierarchy Herald – Create Typographic Hierarchy Using Size

Readability Ranger – Improve Reading Comfort

Rhythm Rider – Use Consistent Spacing Around Text

Scale Seeker – Apply a Type Scale

Type Tamer – Limit Yourself to Two Typefaces

Typeface Tracker – Explore a New Typeface

Voice Builder – Match Typography to Brand Personality

Select Skills

Accessibility

Colour

Communication & Storytelling

Constraints & Experimentation

Editorial Layout

Execution

Expressive Typography

Readability & Legibility

Research & Testing

Strategy

Type Pairing

Typographic Systems

Typography