<!DOCTYPE html>
<html lang="en">
    <head>
      <title>Homepage - Edin Mustajbegovic - Personal Website - mainfram.com</title>
      <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EFSR3G495V"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-EFSR3G495V');
</script>

      <!-- Meta tags -->
<meta charset="utf-8" />

<meta name="generator"            content="Geb 0.1.13" />
<meta name="viewport"             content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name=”robots”               content="index, follow" />
<meta name="description"          content="Homepage - Edin Mustajbegovic - Personal Website - mainfram.com. I am a management consultant, software engineer and founder. I am working on the future of management for the digital age. My work is at the intersection of technology, management and fundamentally how we organise human endeavour to bring the future we want to reality." />
<meta name="keywords"             content="edin mustajbegovic,management consultant,software engineer,perth,australia,action twelve,2ic.ai,newmanagement,new management institute" />
<meta name="author"               content="Edin Mustajbegovic" />

<!-- Favicon and site icon -->
<link rel="icon"                  href="https://www.mainfram.com/assets/images/favicon.ico"        type="image/x-icon" />
<link rel="canonical"             href="https://www.mainfram.com/index.html" />
<link rel="shortcut icon"         href="https://www.mainfram.com/assets/images/favicon.ico" />
<link rel="icon"                  href="https://www.mainfram.com/assets/images/favicon-16x16.png" type="image/png"  sizes="16x16" />
<link rel="icon"                  href="https://www.mainfram.com/assets/images/favicon-32x32.png" type="image/png"  sizes="32x32" />
<link rel="apple-touch-icon"      href="https://www.mainfram.com/assets/images/apple-touch-icon-180x180.png"        sizes="180x180" />

<!-- Site manifest-->
<link rel="manifest"              href="https://www.mainfram.com/site.webmanifest" />

<!-- Open Graph -->
<meta property="og:type"          content="website" />
<meta property="og:title"         content="Homepage - Edin Mustajbegovic - Personal Website - mainfram.com" />
<meta property="og:description"   content="Homepage - Edin Mustajbegovic - Personal Website - mainfram.com I am a management consultant, software engineer and founder. I am working on the future of management for the digital age. My work is at the intersection of technology, management and fundamentally how we organise human endeavour to bring the future we want to reality." />
<meta property="og:image"         content="https://www.mainfram.com/assets/images/og-thumb.png" />

<!-- Twitter Cards -->
<meta name="twitter:card"         content="summary_large_image" />
<meta name="twitter:site"         content="@mainfram" />
<meta name="twitter:title"        content="Homepage - Edin Mustajbegovic - Personal Website - mainfram.com" />
<meta name="twitter:description"  content="Homepage - Edin Mustajbegovic - Personal Website - mainfram.com I am a management consultant, software engineer and founder. I am working on the future of management for the digital age. My work is at the intersection of technology, management and fundamentally how we organise human endeavour to bring the future we want to reality." />
<meta name="twitter:image"        content="https://www.mainfram.com/assets/images/og-thumb.png" />
      
<!-- Custom Google font-->
<link href="https://fonts.googleapis.com" rel="preconnect" />
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet" />


<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" >

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

<!-- Custom CSS styles -->
<link href="https://www.mainfram.com/assets/css/styles.css" rel="stylesheet" />
<link href="https://www.mainfram.com/assets/css/custom.css" rel="stylesheet" />
<!--
The Bootstrap JavaScript bundle is not here, but is included in the footer of the page.
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
-->

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>

<!-- Custom Javascript -->
<script src="https://www.mainfram.com/assets/js/scripts.js"></script>

    </head>
    <body class="d-flex flex-column h-100">

        <main class="flex-shrink-0">

        <!-- Top Navigation -->

<nav class="navbar navbar-expand-lg navbar-light bg-white py-3">
  <div class="container px-5">      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>

      <a class="navbar-brand" href="index.html"><span class="fw-bolder"><img class="img-fluid" style="width: 220px;" src="assets/images/logo.png" alt="mainfram.com logo" /></span></a>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0 fw-bolder">
              <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
              <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
              <li class="nav-item"><a class="nav-link" href="projects.html">Projects</a></li>
              <li class="nav-item"><a class="nav-link" href="resume.html">Resume</a></li>
              <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
          </ul>
      </div>
  </div>
</nav>
        <!-- START: hero unit -->
  <div class="py-3">
    <div class="container px-5 pb-5">
        <div class="row gx-5 align-items-center">

            <!-- START: Hero profile picture-->
            <div class="col-xxl-5">
                <div class="d-flex justify-content-center mt-xxl-0">
                    <div class="profile bg-white xbg-gradient-primary-to-secondary">
                        <img class="profile-img mb-5 rounded-circle shadow-2" style="border: 15px solid #47A0F8;" src="assets/images/photo.png" alt="Edin Mustajbegovic Photo" />
                    </div>
                </div>
            </div>
            <!-- END: Hero profile picture-->

            <!-- START: Hero profile content -->
            <div class="col-xxl-7">
                <div class="text-center text-xxl-start">
                    <div class="badge text-wrap bg-gradient-primary-to-secondary text-white mb-4 mt-4"><div class="text-uppercase">Management Consultant &middot; Software Engineer &middot; Founder</div></div>
                    <div class="fs-3 fw-light text-muted">I am working on the</strong></div>
                    <h1 class="display-4 fw-bolder mb-5"><span class="xtext-gradient d-inline">future of management for the digital age</span></h1>
                    <div class="d-grid gap-3 d-sm-flex justify-content-sm-center justify-content-xxl-start mb-3">
                        <a class="btn btn-primary btn-lg px-5 py-3 me-sm-3 fs-6 fw-bolder" href="projects.html">Projects</a>
                        <a class="btn btn-outline-dark btn-lg px-5 py-3 fs-6 fw-bolder" href="resume.html">Resume</a>
                    </div>
                </div>
            </div>
            <!-- END: Hero profile content -->

        </div>
    </div>
</div>
<!-- END: hero unit -->

<!-- START: Introduction Section -->
<section class="bg-light py-5">
    <div class="container px-5">
        <div class="row gx-5 justify-content-center">
            <div class="col-xxl-8">
                <div class="my-5">
                    <h2 class="text-center display-5 fw-bolder"><span class="text-gradient d-inline">Edin Mustajbegovic</span></h2>
                    <p class="text-center lead fw-light mb-4">My work is at the intersection of technology, management and fundamentally how we organise human endeavour to bring the future we want to reality.</p>
                    <p class="text-muted"> If you are interested in the future of management, how to make problems so interesting and solutions so compelling that everyone wants to work on them, get in touch...</p>
                    
<div class="d-flex justify-content-center fs-2 gap-4">
  <a class="text-gradient" target="_blank" href="tel:+61410497874" title="Phone"><i class="bi bi-phone"></i></a>
  <a class="text-gradient" target="_blank" href="mailto:edin@mainfram.com?subject=Hi, I was just browsing your website." title="Email"><i class="bi bi-envelope-at"></i></a>
  <a class="text-gradient" target="_blank" href="https://actiontwelve.substack.com" title="Substack Blog"><i class="bi bi-substack"></i></a>
  <a class="text-gradient" target="_blank" href="https://twitter.com/mainfram" title="Twitter / X"><i class="bi bi-twitter"></i></a>
  <a class="text-gradient" target="_blank" href="https://www.linkedin.com/in/mainfram/" title="LinkedIn"><i class="bi bi-linkedin"></i></a>
  <a class="text-gradient" target="_blank" href="https://github.com/mainfram-work" title="GitHub"><i class="bi bi-github"></i></a>
</div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END: Introductio Section -->


<!-- START: Featured Section -->
<section class="bg-white py-5">
    <div class="container px-5">
        <h2 class="pb-2 border-bottom mb-3">Featured</h2>

        <div class="row gx-5 justify-content-center">

            <!-- START: Featued Article -->
            <div class="col-lg-6 col-xl-4 col-xxl-4">
                <div class="card overflow-hidden shadow rounded-4 border-0 mb-5">
                    <div class="card-body p-0">
                        <div class="d-flex align-items-center">
                            <div class="p-lg-5 p-md-2 p-3">
                                <div class="badge bg-gradient-primary-to-secondary text-white mb-4 "><div class="text-uppercase">Whitepaper</div></div>                                            
                                <img class="img-thumbnail img-fluid" src="https://www.actiontwelve.com/assets/images/thumb-whitepaper-genai.png" alt="Featured Article Thumbnail" />
                                <h4 class="fw-bolder mt-4 mb-4">Generative AI - Business Strategy Primer</h4>
                                <p>A pragmatic guide to the Gen AI era, this white-paper distils the technology’s mechanics, economics, and organisational impact into clear frameworks leaders can act on.</p>
                                <p>From theory-light explanations of tokens, transformers, and scaling laws to practical tools like the Engagement Spectrum, Four-Axis Lens, and Budget Radar, it shows how to navigate cost, risk, talent, and sovereignty—grounded in an Australian perspective but globally relevant. The result is a playbook for turning hype into coherent strategy and everyday advantage.</p>
                                <p><a class="btn btn-secondary text-white btm-sm px-5" target="_blank" href="https://www.actiontwelve.com/assets/files/Whitepaper-GenerativeAI-BusinessStrategyPrimer.pdf">Download Whitepaper</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END: Featued Article -->

            <!-- START: Featued Project -->
            <div class="col-lg-6 col-xl-4 col-xxl-4">
                <div class="card overflow-hidden shadow rounded-4 border-0 mb-5">
                    <div class="card-body p-0">
                        <div class="d-flex align-items-center">
                            <div class="p-lg-5 p-md-2 p-3">
                                <div class="badge bg-gradient-primary-to-secondary text-white mb-4 "><div class="text-uppercase">Project</div></div>
                                <img class="img-thumbnail img-fluid" src="assets/images/banner-2icai.png" alt="2ic.ai Banner" />
                                <h2 class="fw-bolder mt-4 mb-4">2ic.ai</h2>
                                <p>2ic.ai represents an effort to develop the world's first team management software, fundamentally shifting the paradigm from individual-centric management to a focus on teams, their relationships, and interactions.</p>
                                <p>Unlike traditional management tools that cater to single teams or individuals, 2ic.ai is <strong>designed as a social network specifically tailored to the needs of teams</strong>.</p>
                                <p><a class="btn btn-secondary text-white btm-sm px-5" href="projects.html#project-2icai">More about this project</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END: Featued Project -->

            <!-- START: Featured Experience -->
            <div class="col-lg-6 col-xl-4 col-xxl-4">
                <div class="card overflow-hidden shadow rounded-4 border-0">
                    <div class="card-body p-0">
                        <div class="d-flex align-items-center">
                            <div class="p-lg-5 p-md-2 p-3">
                                <div class="badge bg-gradient-primary-to-secondary text-white mb-4 "><div class="text-uppercase">Experience</div></div>
                                <img class="img-thumbnail img-fluid" src="assets/images/banner-resume.png" alt="Resume Banner" />
                                <h2 class="fw-bolder mt-4 mb-4">Implementing Scenario Planning Approach for Global IT and Technology Strategy</h2>
                                <p>Collaborating closely with Shell’s Australia IT and Technology
                                    leadership, we crafted a strategy that was unanimously accepted
                                    across regional businesses. This initiative's success led to its
                                    adoption as the standard approach for all IT and technology
                                    strategies and roadmaps within Shell’s global portfolio.
                                    Furthermore, I provided ongoing advisory services to other regions
                                    and businesses, ensuring the seamless implementation of this
                                    acclaimed approach beyond the initial Australian integration</p>
                                <p><a class="btn btn-secondary text-white btm-sm px-5" href="resume.html#casestudies">Read more case studies</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END: Featured Experience -->

        </div>

    </div>
</section>
<!-- END: Introduction Section -->
          <!-- START: Logo Section -->
<section class="bg-white py-5">
    <div class="container px-5">
        <img class="img-fluid mx-auto d-block" src="assets/images/logo.png" alt="mainfram.com logo" />
    </div>
</section>
<!-- END: Logo Section -->

<!-- START: Call to action section-->
<section class="py-5 bg-gradient-primary-to-secondary text-white">
    <div class="container px-5 my-5">
        <div class="text-center">
            <h2 class="display-4 fw-bolder mb-4">Maybe we can work together?</h2>
            <a class="btn btn-outline-light btn-lg px-5 py-3 fs-6 fw-bolder" href="contact.html">Get In Touch :)</a>
        </div>
    </div>
</section>
<!-- END: Call to action section-->

<!-- START: Social media links -->
<section class="py-5 text-white">
  
<div class="d-flex justify-content-center fs-2 gap-4">
  <a class="text-gradient" target="_blank" href="tel:+61410497874" title="Phone"><i class="bi bi-phone"></i></a>
  <a class="text-gradient" target="_blank" href="mailto:edin@mainfram.com?subject=Hi, I was just browsing your website." title="Email"><i class="bi bi-envelope-at"></i></a>
  <a class="text-gradient" target="_blank" href="https://actiontwelve.substack.com" title="Substack Blog"><i class="bi bi-substack"></i></a>
  <a class="text-gradient" target="_blank" href="https://twitter.com/mainfram" title="Twitter / X"><i class="bi bi-twitter"></i></a>
  <a class="text-gradient" target="_blank" href="https://www.linkedin.com/in/mainfram/" title="LinkedIn"><i class="bi bi-linkedin"></i></a>
  <a class="text-gradient" target="_blank" href="https://github.com/mainfram-work" title="GitHub"><i class="bi bi-github"></i></a>
</div>
</section>
<!-- START: Social media links -->


        </main>

        <!-- START: Footer-->
<footer class="bg-white py-4 mt-auto">
  <div class="container px-5">
      <div class="row align-items-center justify-content-between flex-column flex-sm-row">
          <div class="col-auto"><div class="small m-0">Copyright &copy; Edin Mustajbegovic 2024</div></div>
          <div class="col-auto">
              <a class="small text-black" href="index.html">Home</a>
              <span>&middot;</span>
              <a class="small text-black" href="blog.html">Blog</a>
              <span>&middot;</span>
              <a class="small text-black" href="projects.html">Projects</a>
              <span>&middot;</span>
              <a class="small text-black" href="resume.html">Resume</a>
              <span>&middot;</span>
              <a class="small text-black" href="contact.html">Contact</a>
          </div>
      </div>
  </div>
</footer>
<!-- END: Footer-->

<!-- Bootstrap Bundle -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

<div class="my-5">

<style>
  .geb-footer {
    display: flex; flex-direction: column; justify-content: center; gap: 1rem; margin-top: 1rem; margin-bottom: 2rem;
    .geb-badge-container { display: flex; justify-content: center; gap: 1rem; }
    a { text-decoration: none; color: inherit; border: none;  img { cursor: pointer; } }
    code { width: auto; display: none; margin: 1rem auto 0; background-color: #f8f9fa; padding: 0.3rem; border-radius: 0.25rem; font-size: 0.7rem;}
  }
</style>
<script>
  function toggle_geb_code() {
    const code = document.querySelector('.geb-footer code');
    code.innerHTML = code.innerHTML.replace('[site_url]', window.location.origin);
    code.style.display = code.style.display === 'none' ? 'block' : 'none';
    window.scrollTo(0, document.body.scrollHeight);
  }
</script>
<div class="geb-footer">
  <div class="geb-badge-container">
    <a href="https://github.com/mainfram-work/geb" target="_blank"><img src="https://img.shields.io/badge/built_with-geb-9FD88D" alt="Built with Geb" /></a>
    <!-- <a href="javascript:toggle_geb_code()"><img src="https://img.shields.io/badge/geb-site_template_available-9FD88D" alt="Geb Site Template Available" /></a> -->
  </div>  
  <code style="display: none;">
    $ gem install geb<br />$ geb init new_site --template [site_url]
  </code>
</div>

</div>

    </body>
</html>