Behind the Scenes: Crafting My Digital Space

So, this portfolio? Yeah, it’s not just a list of links. This site itself is one of my projects – maybe the most personal one! It’s been brewing for a while, a chance to build something from scratch that reflects how I think and work: blending thoughtful design, smart tech choices, and honestly, just making something I genuinely enjoy using. Plus, maybe throwing in a little hidden magic ✨ along the way.

I wanted more than a static page; I wanted a space that felt alive, fast, and represented the different hats I wear – designer, marketer, developer, tech enthusiast. It’s my digital home base.

Early planning stages - sketching out the flow and structure. Program: Figma.

It Started with Design Thinking

Before touching a line of code, I put my designer hat on firmly. This meant stepping back and thinking about the experience:

• User Flow & UX: How should someone navigate? What’s the easiest way to find relevant projects? Mapping out the user journey was key.
• UI Wireframing: Sketching out the components – the project cards, the filters, the navigation – to get the structure right before diving into visuals.
• Visual Identity: Defining the dark theme, the color palette (yeah, I like red!), typography, and overall mood to feel modern, crisp, and a bit playful.
• Scope & Compromise: Being realistic! Deciding which features were essential (like good filtering) and which could wait, keeping maintainability in mind.

It’s this process – analyzing the needs, planning the structure, defining the aesthetics – that lays the foundation, whether it’s for a client or my own playground like this.

Choosing the Tech Stack: Performance & Sanity

With the design vision clearer, it was time to switch to my developer brain. The goals here were speed (because who likes a sluggish website? 🐢) and maintainability (because I knew I’d want to update this regularly without headaches).

This led me to Astro. I’d used it before and genuinely love its approach. It lets me build super-fast sites by default but also sprinkle in interactivity exactly where needed using tools I like (like Preact for the filters). That balance felt right for this project. It keeps things snappy for you (Mr. or Miss. reader) and manageable for me (Dani!).

The tag filtering system making project discovery easier.

More Than Code: The Full Picture

Building this wasn’t just about design mockups and code. My experience in marketing and communication also played a role – thinking about how to present projects clearly, writing descriptions (like this one!), and ensuring the whole site feels like a cohesive story. Even thinking about little details, like the organic-feeling red background or the hidden Easter eggs I left all around the web (did you find any? 😉), adds personality and interactivity. It’s about blending all those skills.

A Living Project

Ultimately, this portfolio is a snapshot in time. It reflects my skills and interests now. But like any good project (or game save file!), it’s designed to be built upon. I fully intend to keep tweaking, improving, and adding to it over time – both to showcase new things I learn and simply as a personal space to polish my craft. It’s a continuous work-in-progress, just like me.