<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Johan Aludden - Fractional CTO · Technical Consultant</title>
    <meta name="description" content="Senior technologist with 20+ years of experience. Fractional CTO, technical consultant, and software engineering mentor helping teams ship better software.">
    
    <!-- Favicon -->
    <link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
    <link rel="apple-touch-icon" href="assets/favicon.svg">
    
    <!-- CSS -->
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/variables.css">
    <link rel="stylesheet" href="css/main.css">
    
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- SEO Meta Tags -->
    <meta name="keywords" content="fractional CTO, technical consultant, software engineering, startup CTO, technology leadership, engineering manager, software development, technical strategy">
    <meta name="author" content="Johan Aludden">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://johanaludden.com">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://johanaludden.com">
    <meta property="og:title" content="Johan Aludden - Fractional CTO & Technical Consultant">
    <meta property="og:description" content="Senior technologist with 20+ years of experience. Fractional CTO, technical consultant, and software engineering mentor helping teams ship better software.">
    <meta property="og:image" content="https://johanaludden.com/assets/images/og-image.jpg">
    <meta property="og:locale" content="en_US">
    <meta property="og:site_name" content="Johan Aludden">
    
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://johanaludden.com">
    <meta name="twitter:title" content="Johan Aludden - Fractional CTO & Technical Consultant">
    <meta name="twitter:description" content="Senior technologist with 20+ years of experience. Fractional CTO, technical consultant, and software engineering mentor helping teams ship better software.">
    <meta name="twitter:image" content="https://johanaludden.com/assets/images/twitter-image.jpg">
    
    <!-- Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Person",
      "name": "Johan Aludden",
      "url": "https://johanaludden.com",
      "sameAs": [
        "https://www.linkedin.com/in/johanaludden/"
      ],
      "jobTitle": "Fractional CTO & Technical Consultant",
      "description": "Senior technologist with 20+ years of experience. Fractional CTO, technical consultant, and software engineering mentor helping teams ship better software.",
      "knowsAbout": [
        "Software Engineering",
        "Technical Leadership",
        "Engineering Management",
        "Startup Technology",
        "Technical Strategy",
        "Team Leadership",
        "Software Development",
        "Agile Development"
      ],
      "hasOccupation": {
        "@type": "Occupation",
        "name": "Fractional CTO",
        "description": "Providing technical leadership and strategic guidance to startups and scale-ups"
      },
      "alumniOf": {
        "@type": "Organization",
        "name": "Engineering Physics Program",
        "description": "Master's in Engineering Physics from Sweden"
      },
      "worksFor": {
        "@type": "Organization",
        "name": "Independent Consultant",
        "description": "Fractional CTO and Technical Consulting Services"
      },
      "email": "me@johanaludden.com",
      "address": {
        "@type": "PostalAddress",
        "addressCountry": "GB"
      }
    }
    </script>
</head>
<body>
    <!-- Hero Section -->
    <section class="hero">
        <div class="hero__content">
            <h1 class="hero__name">Johan Aludden</h1>
            <p class="hero__tagline" aria-label="Professional mission statement">
                <span class="hero__mission">Helping teams and founders ship better software<span class="dash-desktop"> — </span><span class="break-tablet"><br></span>with clarity, care, and purpose</span>
            </p>
        </div>
    </section>

    <main class="container">

        <!-- Section Separator -->
        <hr class="separator" aria-hidden="true">

        <!-- About Section -->
        <section class="section">
            <div class="section__header">
                <h2 class="section__title">About Me <span class="section__subtitle">(aka What I've Learned)</span></h2>
            </div>
            <div class="section__content">
                <p>I've been building software since the late '90s — from enterprise platforms to AI-powered tools at places like PortSwigger in London. Along the way I earned a Master's in Engineering Physics (Sweden), served on DevNetwork's experience advisory board, and even made a small mark in James Shore's The Art of Agile Development.</p>
                
                <p>But the things I care about now go beyond code:</p>
                <ul class="about-list">
                    <li>Building tools that help people actually see what they're working on (like Solvi)</li>
                    <li>Helping teams find sustainable rhythms, not just hit deadlines</li>
                    <li>Leading quietly, from experience and empathy — not from hierarchy</li>
                </ul>
                
                <p>I'm working on Solvi at the moment — a tool for mood tracking and intentional reflection — and thinking about how I might support others again in the future. My favourite outcome? When teams feel more confident and clear than when I arrived.</p>
                
                <p>When I'm not in code or building mode, I'm elbow‑deep in plaster and paint, renovating a Victorian home — because iteration isn't just for software.</p>
                
                <p class="about-cta">Want to know more about Solvi, or just say hello? Get in touch.</p>
            </div>
        </section>

        <!-- Section Separator -->
        <hr class="separator" aria-hidden="true">

        <!-- Services Section -->
        <section class="section">
            <div class="section__header">
                <h2 class="section__title">What I Do <span class="section__subtitle">(aka Patterns That Seem to Work)</span></h2>
            </div>
            <div class="section__content">
                <p>While I'm not currently working with clients, I'm open to the right opportunities — especially where clarity, sustainability, and thoughtful systems matter.</p>
                
                <p>In the past, I've helped teams and founders in roles like:</p>
                
                <ul class="about-list">
                    <li><strong>Fractional CTO / Technical Partner</strong><br>
                    Supporting early-stage founders or CTOs in structuring teams, aligning product and tech, and building healthy momentum.</li>
                    
                    <li><strong>Engineering Leadership & Mentoring</strong><br>
                    Helping engineers grow with confidence, strengthening team culture, and unblocking decision-making at the right levels.</li>
                    
                    <li><strong>Architecture & Systems Thinking</strong><br>
                    Designing backend systems, developer tools, and cross-team platforms that are maintainable and built for scale.</li>
                    
                    <li><strong>Product + Process Alignment</strong><br>
                    Bridging the gap between delivery and direction — shaping ways of working that support iteration and learning.</li>
                </ul>
                
                <p>If you're working on something meaningful and think my approach might help, feel free to reach out.</p>
            </div>
        </section>

        <!-- Section Separator -->
        <hr class="separator" aria-hidden="true">

        <!-- Projects Section -->
        <section class="section">
            <div class="section__header">
                <h2 class="section__title">Currently Working On <span class="section__subtitle">(aka Patterns That Are Taking Shape)</span></h2>
            </div>
            <div class="section__content">
                <div class="projects">
                    <a href="https://solvi.care" class="project project--link" target="_blank" rel="noopener noreferrer">
                        <div class="project__header">
                            <h3 class="project__title">Solvi</h3>
                            <span class="project__link-icon">↗</span>
                        </div>
                        <p class="project__description">A mood tracking and reflection tool designed for clarity — with a soft interface and a strong foundation. Live at solvi.care.</p>
                    </a>
                    
                    <div class="project">
                        <h3 class="project__title">MCP Server</h3>
                        <p class="project__description">A lightweight memory and logging server that connects tools and conversations to Notion — supporting rhythm, context, and continuity.</p>
                    </div>
                    
                    <div class="project">
                        <h3 class="project__title">Victorian Renovation</h3>
                        <p class="project__description">Restoring a 19th-century home with care. Applying systems thinking, iteration, and plenty of hands-on problem solving.</p>
                    </div>
                    
                    <a href="/reflections" class="project project--link">
                        <div class="project__header">
                            <h3 class="project__title">Reflections</h3>
                            <span class="project__link-icon">↗</span>
                        </div>
                        <p class="project__description">Writing on software, leadership, and what comes next. Longer essays alongside shorter weekly notes.</p>
                    </a>
                </div>
            </div>
        </section>

        <!-- Section Separator -->
        <hr class="separator" aria-hidden="true">

        <!-- Contact Section -->
        <section class="section">
            <div class="section__header">
                <h2 class="section__title">Contact <span class="section__subtitle">(aka Where Good Things Often Start)</span></h2>
            </div>
            <div class="section__content">
                <p>If you're curious, working on something meaningful, or just want to say hello, feel free to reach out.</p>
                
                <div class="contact">
                    <a href="/cdn-cgi/l/email-protection#204d45604a4f48414e414c554444454e0e434f4d" class="contact__link">
                        <span class="contact__icon">📧</span>
                        <span class="contact__text"><span class="__cf_email__" data-cfemail="97faf2d7fdf8fff6f9f6fbe2f3f3f2f9b9f4f8fa">[email&#160;protected]</span></span>
                    </a>
                    <a href="https://www.linkedin.com/in/johanaludden/" class="contact__link" target="_blank" rel="noopener noreferrer">
                        <span class="contact__icon">🔗</span>
                        <span class="contact__text">LinkedIn Profile</span>
                    </a>
                </div>
            </div>
        </section>
    </main>

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/main.js"></script>
</body>
</html>
