I’m a storyteller. As I near completion of the first iteration of my portfolio site, I wanted to step back and document the journey. Fair warning: this is a longer story. But if you stick with it, I think you’ll learn a lot about how I think and how I work. So, without further ado, let’s dive in.
Creating a professional portfolio website felt like archaeology of my own career. I’ve always saved work samples: videos on YouTube, eLearning modules on SCORM Cloud, written content in random emails to myself. But they were scattered everywhere, disconnected, just… there. When my role was eliminated in July 2025, I started thinking seriously about a portfolio.
That’s when I sat down and actually cataloged what I’d done over the last few years. What started as “I have about 6 links to share” quickly became “wait, I’ve done way more than this.” The tangible stuff was easy to gather: completed eLearning modules, presentation decks, training videos. But the strategic work? The change management? The communication ecosystems I built? The low-code/no-code systems that made everything work seamlessly? None of that existed as a neat deliverable I could link to.
I realized I needed two different things: a portfolio of tangible outputs and case studies that captured the invisible work. The strategic thinking, the infrastructure building, the organizational transformation that happens behind the scenes.
What started as a web design class assignment turned into something much bigger: a platform that positions my AI enablement work front and center while giving me a space to share the real, in-the-trenches lessons I’ve learned. Here’s how I went from scattered samples to a cohesive website and what I learned along the way.
My Portfolio
Google Doc Table of Contents

The Beginning: Realizing I Had More Than I Thought
I’m not going to pretend I had a grand plan. When I started listing my work, I created a Google Doc with six links to public samples. The easy stuff: an eLearning module here, a training video there, a presentation deck I was proud of.
But as I kept writing, the list grew. And grew. And I realized the six tangible deliverables didn’t capture what I actually do. They showed execution, sure, but they didn’t show the strategic thinking that made them effective. They didn’t show how I built Kruze U from scratch and achieved 70-80% sustained engagement when industry benchmark is 20-30%. They didn’t show how I led an AI transformation with no roadmap, building the program iteratively based on real staff feedback.
Six links became a 13-page portfolio as I realized most of my strategic work had no tangible deliverable to share.
The problem? Most of my recent work is proprietary. I can’t just share the Kruze U LMS walkthrough or the actual AI curriculum I built. But I also can’t show up to interviews saying “trust me, I did great work” with nothing to back it up.
That’s where the website idea evolved: I needed a way to explain what I built through case studies while providing older public samples as proof I can actually execute. The strategic work deserved documentation even if I couldn’t share the actual artifacts.

First Decision: Why Not Blue?
Before I could build anything, I needed a brand. And like everything else, I overthought it.
My favorite color is cobalt. But blue is everywhere in corporate L&D. LinkedIn blue. IBM blue. Every training platform you’ve ever used is probably blue. I wanted something that felt professional but wasn’t playing it safe. So I landed on purple, specifically a deep orchid/eggplant (#47034E) as my primary color.
My professor in the web design class validated this immediately: “Blue is very done.” He got it. This is my personal site, not a corporate brand, so I could mix it up without looking unprofessional. The purple felt richer, more distinctive, more me.
Building the Full Palette
But I didn’t stop there. I built out a complete color system:
Primary scheme: Bold, saturated colors for headlines, small accents, and statement elements. Use these when you want maximum visual impact.
#FFFFFF
#FF8A5B
#D90368
#BC96E6
#47034E
#37123C
Secondary scheme: Softer, brighter, tinted counterparts for large text blocks, backgrounds, and extended content areas. These maintain brand cohesion while being easier on the eyes for longer reading.
#FFFFFF
#FF9C74
#FB0C7B
#C7A7EA
#7F058D
#64216D
The key was creating a two-tier system. I loaded twelve hexadecimal values into Canva: six saturated colors on top, six tinted counterparts on the bottom. This gave me flexibility without sacrificing cohesion. Need a bold statement? Use the top row. Large blocks of text? Drop to the softer, brighter bottom row. It’s systematic efficiency: do the setup work once, then just click what you need.
Creating the Logo: Tangled Mess to Lightbulb
I needed a logo that captured what I actually do. Not just “training” or “learning and development” in generic corporate speak, but the transformation I create: taking complex, confusing information and making it clear.
How it started…

I started sketching concepts in Canva.
Lots of tangled lines, different lightbulb designs, trying to figure out how to visualize the “aha moment” .
Eventually, I landed on three grouped elements.
- The Tangle (top): Messy, interconnected lines representing confused thinking
- The Connection (middle): Lines converging into the lightbulb, the learning process
- The Lightbulb (bottom): Yellow/gold rays of light, understanding
The whole thing tells one story: 🌀 Confusion → 🧠 Learning → 💡 Understanding.
My professor loved it immediately. The tangled brain becoming a lightbulb is exactly what happens when training works. You hear that verbal “ahhhh” when people get it. I see the ‘lightbulb’ above their heads. This logo visualizes that moment.
How it’s going…

“As soon as I saw it, it made sense.
That’s when you know a logo works…when it requires no explanation.”
The Theme Hunt and Menu Structure
I spent quite a bit of time researching WordPress themes that would work for a portfolio site. I needed something clean, professional, but not stuffy. Something that could showcase case studies without looking like a corporate brochure. After testing what felt like dozens, I found a theme that balanced structure with my personality.
But the bigger challenge was the menu structure. What pages did I actually need?
The Conversation That Changed Everything
This is where conversations with my former boss, Matt, changed everything. He looked at my early draft and said, “You need an AI page. Separate from portfolio. Call it out at the top level.”
He was right. AI enablement is the hottest thing in L&D right now, and I actually did what most people only talk about doing. I built an AI Fluency Program from scratch that achieved 100% adoption across 170 employees. That shouldn’t be buried three clicks deep. It should be front and center.
Matt also pushed me to start writing. Not the polished LinkedIn thought leadership stuff – that’s not me. I’m not positioning myself as some sage on the stage. I know what I know from doing the work, and that’s all I can share: what I tried, what happened, what I learned. Matt’s guidance was simple: write it your way, in your voice.
So the menu evolved through lots of back and forth, adjustments over time, pages added and removed:
- Home (showcasing my six core capabilities)
- About (my story, my philosophy)
- AI (the deep dive: “Building AI Fluency from the Ground Up”)
- Portfolio (tangible deliverables people can view, + strategic projects I can explain but not show)
- The Trenches (lessons from 15+ years in the field, not a blog)
- Recognition (what others say about working with me)
- Contact
Every decision mattered. Should it be “In the Trenches” or just “The Trenches”? Does “AI” work, because “AI Enablement” is too long for my nav menu? Every tiny decision felt massive because I knew this site needed to work for Director-level roles while still sounding like me.

The Technical Build: Systems Thinking Meets Web Design
Here’s where everything came together in a way I didn’t expect.
I’d built websites before in previous coursework. I already knew HTML (like so many things, enough to be dangerous and to build on). But CSS? I’d tried teaching myself years ago, and it never clicked. This time, learning it in a structured class with an instructor using Dreamweaver made all the difference. Not because I needed to become a CSS expert, but because I needed to understand the underlying architecture.
Understanding Systems Architecture
That’s the thing about systems: they’re all built by people, and there are best practices and standards that transcend the type of system. I love systems. Understanding how one system works helps me understand how all systems work. That’s why I could build the Kruze U ecosystem connecting the LMS with APIs, Zapier workflows, Slack apps, and everything else. Once you understand the underlying architecture, you can apply it anywhere.
This is what I uniquely bring to the table:
I build bridges between systems because I understand the architecture underneath.
Learning web architecture (how CSS controls layout, how content management systems organize information, how databases serve content) reinforced that systematic thinking.
The portfolio Google Doc I’d already created? That became my website outline. I needed to capture everything in one place anyway, so I built that document first. Then, when I went looking for classes to take, I saw “Site Design and Content Management” and realized: I’ve already done the hard work. The Google Doc is my information architecture. Now I just need to build the container for it.
This is what I mean by “taking complex and making it simple.” Art imitating life. I needed a portfolio, so I created the Google Doc. Then I needed a website, and the Google Doc became my blueprint. The website didn’t force the portfolio. The portfolio enabled the website.
The Yurts project (yes, we hand-coded a four-page website about Pacific Yurts) taught me the CSS fundamentals: box models, float properties, why <br> doesn’t need a closing tag. That foundation meant WordPress wasn’t magic; I understood what was happening underneath when I dragged blocks around. I wasn’t just clicking buttons until things looked okay. I was making informed decisions about structure and layout.
The biggest technical challenge? Images. Always images.
I learned to optimize file sizes (that 748KB SVG logo was way too large for web). I learned when to use PNG vs. JPG vs. GIF. I learned that SVG file size has nothing to do with pixel dimensions. It’s about the complexity of the vector paths. My tangled brain logo was large because all those squiggly lines create tons of code. That’s the price of visual interest.
I also learned to prepare for the worst. During the migration from my local development site to Hostinger, files got corrupted. My logo broke. Some images disappeared. I had to re-upload everything fresh rather than trust the botched transfer. It was frustrating, but it taught me: always assume file integrity is compromised until proven otherwise after a migration.
Canva Became My Design Command Center
While WordPress handled the structure, Canva became the place where I actually designed everything, like the logo I talked about earlier.
I loaded my brand palette hexadecimals once, and now every graphic I create pulls from those twelve colors. My logo lives there in multiple variations (with background, without background, horizontal lockup, icon-only). Every button, every banner, every case study header gets designed in Canva, then imported into WordPress.
This workflow (design in Canva, build in WordPress) gave me professional polish without needing Adobe Creative Suite skills. And because everything uses the same color palette, the entire site feels cohesive even though I’m creating pieces across multiple sessions.

The AI Page: Getting Comfortable with “I” Not “We”
One of the hardest parts of writing these posts? Writing in first person.
For years, I’ve said “we built this” and “our team achieved that” because that’s how I was raised. Your work speaks for itself; you don’t need to brag. But Matt was blunt: “You need to say ‘I.’ Stop with the false modesty. You did this work.”
He was right. The AI Fluency Program? I built that. Solo L&D for a 170-person company while managing an AI transformation? That was me. The 70-80% sustained LMS engagement when industry benchmark is 20-30%? My architecture, my strategy, my execution.
Building the Case Study
So the AI page became my practice ground for claiming my work. “Building AI Fluency from the Ground Up” walks through the entire program:
- The challenge: everyone talking about AI, no one knowing what to do
- My approach: user-centered, iterative, building based on staff feedback
- The results: 100% completion, 50% voluntary adoption before mandate, 40-50 sustained participants in optional live sessions
It was scary writing “I created” and “I designed” and “I achieved.” But it was also honest. And honestly? I’m proud of that work.

Read the case study or the full story.
The Trenches, Not Blog Posts
I wrestled with what to call the thought leadership section. “Blog” felt wrong because it implies regular updates, and I knew once I got a job, I wouldn’t be posting weekly. I’m not trying to be an influencer. I’m sharing lessons I’ve learned from actually doing the work.
The menu originally said, “In the Trenches”, but I had so many pages that I needed something shorter that still made sense. So, it became “The Trenches,” short for “In the Trenches.” Our brains automatically add the “In” because that’s what brains do. We see “The Trenches” and fill in the context. Just saying “Trenches” wouldn’t have worked because it loses meaning, but “The Trenches” gives you enough to complete the picture.
Even in building this site, I’m using what I’ve learned about learning and developing others. Cognitive load. Pattern recognition. How people process information.
I loved “In the Trenches” because that’s what I’ve been doing my entire career. I’ve led teams in and out of L&D, but I always do the work at every level. Granular to 50,000 feet. I’m not the leader who delegates everything and loses touch with execution. I’m in the weeds and setting strategy. That’s the perspective these posts reflect.
I’ve led teams in and out of L&D, but I always do the work at every level. Granular to 50,000 feet.
The content captures my actual perspective:
- Why blue might be overdone, but it’s not wrong
- How building a color palette system mirrors building an LMS architecture
- Why front-loading setup work saves you time in the long run
- Why doing the work at every level makes me a better leader…
Real talk. No corporate jargon. Lessons that land differently depending on where I’ve been in my career. And if I write eight posts in January 2026 and then nothing for six months? That’s fine. The Trenches aren’t supposed to be frequent. They’re supposed to be valuable.
Challenges and Revelations
Building this site while job searching, while taking classes, while dealing with life (hi, stolen e-bike and weird health stuff) was a lot. But it also clarified what I value:
Systematic thinking over quick fixes. I could have used an AI website builder. It would have been faster. But it also would have given me a generic template that looked like everyone else’s site, which completely defeats the purpose of having a portfolio that positions my unique expertise. The site itself demonstrates capability.
Front-loading work for long-term ease. Loading those twelve hex codes into Canva and WordPress took five minutes. Now every design decision is faster because I’m not manually entering color codes or wondering if this purple matches that purple. Same philosophy as building LMS templates or creating any systems: do it once properly, reap the benefits forever.
Authenticity over perfection. I almost didn’t include older work samples because they’re not as polished as what I’d create now. But including them with clear context (“my skills have grown significantly since this was created”) shows growth while still proving foundational expertise. Hopefully, hiring managers want to see progression, not just my best work. Besides, my ‘best’ work is always the work I haven’t yet done.
The Impact on My Approach
Building this website supports how I think about presenting myself professionally. It’s no longer enough to say you’re good at something. You need to show the thinking behind it. The case studies do that. The Trenches posts do that. Even the color palette decision does that.
This isn’t just a portfolio website.
It’s proof that I think in systems.
When my professor called my site “excellent, excellent” and asked if he could use it as a teaching example, I realized: this isn’t just a portfolio website. It’s proof that I think in systems. That I can take complex information (15 years of work) and make it simple (core capabilities). That I practice what I preach about user-centered design and strategic communication.
And maybe most importantly: I built something I’m proud to share. Not because it’s perfect, but because it’s mine. It sounds like me. It represents my work honestly. It positions my strengths strategically.

Looking Foward
This site isn’t finished. Websites never are. I’ll write more Trenches posts 🤞when something worth sharing happens. I’ll update the portfolio as my work evolves.
But the foundation is solid. The architecture works. The brand is cohesive. And when I send this link to anyone, I’m not just showing them what I’ve done. I’m showing them how I think.
That’s the real value of building this from scratch. Not the final product, but understanding every decision that shaped it. The color palette strategy. The menu structure debates. The logo iterations. The technical problem-solving. All of it mirrors the work I do professionally: taking complexity and creating clarity.
I built this portfolio website by learning the fundamentals first, then customizing WordPress templates to make them my own. I didn’t just accept the defaults. I understood the underlying structure well enough to modify it, adjust it, rebuild sections until it represented my work accurately. The site itself became part of my portfolio story.
And if you’re an L&D professional wondering whether to position your AI work prominently: Do it. Matt was right. This is the skill that separates you from everyone else right now. Own it. Lead with it. Make it impossible to miss.
Conclusion
Building www.michelledeshotels.com is the story of 15 years of collecting achievements, several months of active design work, and countless hours of iteration. It started with six links to work samples, grew into a 13-page Google Doc portfolio, and evolved into this website. It gave me something invaluable: a platform that represents my expertise accurately, positions my competitive advantages strategically, and sounds authentically like me.
Not bad for someone who started with “I have about 6 links to share.”
Now I’m prepared. And ready for whatever comes next.
If you hung in there, I hope you enjoyed coming along for the ride on my journey to building this site. 😊




Leave a Reply