Case Study

Designing My Digital Home: A UX-Driven Portfolio Redesign

TL;DR

To support my job search and personal brand, I launched a complete personal website redesign to better showcase my skills in UX, development, and digital strategy. The result: a performant, SEO-optimized portfolio that led directly to increased recruiter engagement, interviews at top-tier companies, and a clearer narrative of who I am as a leader. This project blends storytelling, tech stack mastery, and intentional UX—all wrapped in my visual brand.

overview

My website is more than just a portfolio—it’s my digital home. A place where brand, strategy, and craft come together to tell my story clearly and credibly. I designed it not only to showcase my work, but to reflect how I think, lead, and build.

This personal website redesign is built to:

  • Highlight my case studies and capabilities with clarity
  • Connect with recruiters, hiring managers, and creative collaborators
  • Demonstrate UX, engineering, SEO, and content strategy expertise
  • Serve as a living example of the experiences I create for others

Whether you’re exploring my leadership style, technical depth, or creative vision—I designed this experience to feel thoughtful, welcoming, and distinctly mine.

the challenge

Before the redesign, my site no longer represented who I was—or where I was headed. It lacked the clarity, depth, and personality needed to support my job search and showcase my unique skillset.

Key challenges included:

  • Outdated branding that didn’t reflect my growth as a leader
  • Shallow content that missed the story behind the work
  • Poor SEO structure and slow performance
  • Unclear positioning around my target roles and value

I needed a fresh, strategic foundation—one that could grow with me and clearly communicate the full scope of what I do.

goals

This project wasn’t just about aesthetics—it was about clarity, connection, and conversion. I set out to:

  1. Showcase my hybrid skillset across UX, engineering, content strategy, and leadership
  2. Improve SEO and performance to boost visibility and site authority
  3. Create space for rich, story-driven case studies that reflect my process and impact
  4. Elevate my personal brand through thoughtful design and messaging
  5. Drive meaningful engagement—resume downloads, recruiter outreach, and job interviews

strategy & approach

This wasn’t just a redesign—it was a strategic rebuild from the ground up. I treated myself like the client, leading every phase from research and architecture to brand refinement and technical implementation.

My approach included:

  • Auditing existing content for clarity, structure, and relevance
  • Rewriting key pages and messaging to align with my tone, goals, and SEO targets
  • Mapping user journeys for recruiters, collaborators, and peers
  • Planning metadata, custom content types, and event tracking before development began
  • Designing for growth with scalable layouts and future-ready components (e.g., tagging, dark mode, modular case studies)

branding & ux

I designed a visual identity that felt both professional and distinctly mine—modern, approachable, and just a little bit sparkly. I used Canva to define a bold but cohesive brand system rooted in clarity, accessibility, and personality.

  • Color palette: pink, purple, aqua, charcoal, and a touch of orange (used for spark/fire icons)
  • Typography: Nunito for headings and body text; Shadows Into Light for handwritten-style accents
  • Refreshed my logo (with a custom ‘M’) and updated the favicon
  • Reorganized the site structure for intuitive navigation and user flow
  • Built modular layouts for custom post types (case studies, POVs)
  • Designed fully responsive templates and began accessibility improvements aligned with WCAG 2.1 AA best practices

While the site isn’t yet fully WCAG 2.1 AA compliant, I’ve prioritized improvements like meaningful image alt text—now implemented on staging and scheduled for production launch. Additional enhancements, including keyboard navigation and semantic structure, are planned with ongoing refinements as the site evolves.

site build

I architected a performance-focused WordPress site that balances flexibility, structure, and speed—designed to scale with my evolving brand and goals. The stack reflects my strengths in modern front-end development, CMS architecture, and SEO implementation.

  • Hosting & Infrastructure: WordPress on Hostinger with LiteSpeed Cache and CDN enablement coming soon
  • Theme & Layout: Customized child theme with WPBakery for flexible layout control
  • Content Architecture: ACF Pro for structured fields; FileBird Lite for backend digital asset organization; a single custom post type (Portfolio) used for both Case Studies and POVs
  • SEO & Analytics: Rank Math SEO with structured data, Site Kit for GA4, GTM, and Search Console
  • Behavioral Insights: Hotjar and Looker Studio dashboards for event tracking and engagement reporting (in progress)

seo & performance

Performance and visibility were core goals from day one. I focused on fast load times, crawlable content, and rich metadata—ensuring the site not only looks great, but also ranks well and responds fast.

  • Metadata & Schema: Optimized titles, descriptions, and structured data using Rank Math
  • Performance Audits: Ran diagnostics with Lighthouse, GTMetrix, and PageSpeed Insights
  • Speed Optimization: Implemented caching, asset minification, and image compression
  • Crawlability & Clarity: Structured URLs, semantic HTML5, and canonical tags
  • Social Sharing: Configured Open Graph tags for optimized link previews

results

The redesign delivered both measurable performance gains and real-world traction during my job search. Key outcomes include:

  • 90+ Lighthouse scores across performance and SEO metrics
  • Improved visibility with more indexed pages and higher keyword impressions
  • Increased recruiter interest and inbound opportunities tied directly to my portfolio
  • Higher engagement, with visitors exploring multiple case studies, and clicking CTAs
  • Stronger positioning and confidence in how I present my skills, story, and value

In Maria’s Words

This isn’t just a website—it’s my design philosophy, development process, and leadership style, all in one place.

Sparkle icon  —Maria

Visual Preview

lessons learned

  • Done is never final—my site will continue evolving as my goals shift and grow
  • Investing in SEO early pays off with faster indexing, traction, and long-term discoverability
  • Track what matters—setting up analytics and event tracking from the start helps validate decisions
  • Write with dual audiences in mind—search engines and humans both matter
  • Brand clarity builds trust—a cohesive visual and narrative experience makes a lasting impression
Treat your own work like you would a client’s—strategy, structure, and self-awareness make all the difference.

What This Project Proves

A personal website should be more than a digital résumé—it should tell a story, reflect a brand, and drive real results. This redesign helped clarify my value, amplify my voice, and open doors to meaningful conversations. Built with strategy, heart, and a sprinkle of sparkle, this site captures who I am and what I do—beautifully and intentionally.

Maria Valley Sparkles Icon

Curious how I can help your team build better experiences? Let's chat