Learning Designer building tools, systems, and experiences for meaningful learning

Graduate student in Learning Design & Technology. I design instructional systems and also build real-world learning tools like PMBaseline and MentorHub.

View Learning Design Portfolio Explore Projects I'm Building
Peter Pielaet-Strayer

I'm a learning designer who builds systems, tools, and experiences that help people learn, reflect, and grow—academically and in real life.

Currently pursuing a Master's in Learning Design & Technology at the University of San Diego, I design instructional systems and also build real-world learning tools. My work spans from eLearning modules and assessments to wellness apps and mentoring dashboards.

I'm interested in problems where learning design meets technology: reducing digital friction, designing for learner agency, and creating experiences that help people build independence and curiosity.

View Learning Design Work See Projects I'm Building

Learning Systems I Build

Projects that demonstrate how I apply learning design principles to real-world problems

PMBaseline

The learning problem: How do we help people build awareness of their internal state and develop reset routines?

Behavior change + reflection design through a wellness app with gamified check-ins and AI insights.

Learn more →

MentorHub

The learning problem: How do we scaffold mentorship and feedback to make mentoring more impactful?

A dashboard for tracking goals, touchpoints, and student progress with analytics for mentors.

Learn more →

Wine With Pete

The learning problem: How do we create informal, community-based learning environments?

Combining wine education with instructional design principles to design events and content that invite reflection.

Learn more →
Explore All Projects

A Visual Journey

A 15-second Studio Ghibli–style animated journey through reflection, growth, and human connection

0:00 / 0:00

How I Built This

A technical deep-dive into the architecture and decisions behind this portfolio

⚡

Performance First

Vanilla JS for optimal loading, CSS Grid for responsive layouts, and optimized assets for sub-2s load times.

2.1s Load Time
🎨

Custom Video Player

Built from scratch with custom controls, timeline scrubbing, and accessibility features for the hero video.

100% Custom
🔧

Modular Architecture

Clean separation of concerns with reusable components, organized JavaScript modules, and maintainable CSS structure.

100% Maintainable
📱

Mobile-First Design

Responsive design with CSS Grid, Flexbox, and custom breakpoints for seamless experience across all devices.

100% Responsive

Architecture Overview

Frontend HTML5, CSS3, Vanilla JS
Styling Custom CSS, CSS Grid, Flexbox
Functions Netlify Functions, OpenAI API
Deployment Netlify, CDN, HTTPS

Let's Connect

If something I shared resonated with you, I'd love to hear from you.

Send a Message

Note: This is a demo form. For now, please reach out directly via email.

Or reach out directly

pielaetstrayerp@gmail.com

Connect on LinkedIn