<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Personal profile of Mark Bowley, independent designer & creator.">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://markbowley.com/">
    <title>Mark Bowley - Designer, Creator & Consultant</title>
    <link rel="icon" href="/images/icon.png" type="image/x-icon">
    <link rel="stylesheet" href="style.css">
    <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=Funnel+Display:wght@300..800&display=swap" rel="stylesheet">    <!-- Fathom - beautiful, simple website analytics -->
        <script src="https://cdn.usefathom.com/script.js" data-site="ATZTFQHG" defer></script>
    <!-- / Fathom -->
    <meta property="og:title" content="Mark Bowley - Designer, Creator & Consultant">
    <meta property="og:description" content="Personal profile of Mark Bowley.">
    <meta property="og:image" content="https://markbowley.com/images/social-preview.jpg">
    <meta property="og:url" content="https://markbowley.com/">

</head>

<body>
    <div class="container">
        <header>
            <nav class="top-menu">
                <ul>
                    <li><a href="/">Home</a></li>
                    <li><a href="#projects">Projects</a></li>
                    <li><a href="#about">About</a></li>
                    <li><a href="#cta">Contact</a></li>
                    <li><a target="_blank" href="https://markbowley.me/">Blog</a></li>
                </ul>
                <button class="theme-toggle" id="themeToggle" aria-label="Toggle theme"><svg width="15" height="15" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM11 17.925C12.9833 17.675 14.6458 16.8042 15.9875 15.3125C17.3292 13.8208 18 12.05 18 10C18 7.95 17.3292 6.17917 15.9875 4.6875C14.6458 3.19583 12.9833 2.325 11 2.075V17.925Z"
                        fill="#currentColor" />
                </svg>
                </button>
                <button class="hamburger" aria-label="Menu">
                    <span class="bar"></span>
                    <span class="bar"></span>
                    <span class="bar"></span>
                </button>

                <div class="mobile-menu">
                    <ul>
                        <li><a href="/">Home</a></li>
                        <li><a href="#projects">Projects</a></li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#cta">Contact</a></li>
                        <li><a target="_blank" href="https://markbowley.me/">Blog</a></li>

                    </ul>
                </div>


            </nav>
            <h1>Mark Bowley</h1>
            <p class="subtitle">Designer, Creator & Consultant</p>
            <div class="hero">
                <div class="hero-content">
                    
                    <p class="hero-text">I’m Mark, an independent designer who helps small teams express their ideas clearly, and a creator exploring building ideas online with design and AI.</p>
                    <ul class="credentials">
                        <li>30 years experience in graphic & web design</li>
                        <li><a target="_blank" href="https://www.100school.com/">100 School</a> ‘30 Days of AI’ course (2025)</li>
                        <li><a rel="nofollow" target="_blank" href="https://experiencehaus.com/">Experience Haus</a> ‘Product Design’ course (2022)</li>
                    </ul>
                    <div class="spacer-sml"></div>
                    <div class="cta-buttons">
                        <a href="/cdn-cgi/l/email-protection#5d303c2f361d3f322a31382439382e343a33733e3230" class="button button-primary"><svg xmlns="http://www.w3.org/2000/svg" width="14"
                                height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                stroke-linejoin="round" class="lucide lucide-mail-icon lucide-mail">
                                <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" />
                                <rect x="2" y="4" width="20" height="16" rx="2" />
                            </svg> Email me</a>
                        <a href="https://cal.com/markbowley/15min" class="button button-primary"><svg xmlns="http://www.w3.org/2000/svg"
                                width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone-icon lucide-phone">
                                <path
                                    d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384" />
                            </svg> Book a call</a>
                    </div>
                    <div class="cta-buttons">
                        <a target="_blank" href="https://bowleydesign.com/" class="button button-secondary">Design services</a>
                        <a target="_blank" href="https://bowleylogos.carrd.co/" class="button button-secondary">Logo design</a>
                        <a target="_blank" href="https://minitools.carrd.co/" class="button button-secondary">Experiments</a>
                        <a target="_blank" href="https://markbowley.me/" class="button button-secondary">Blog</a>
                    </div>
                    <div class="spacer-sml"></div>
                    <div class="social">
                        <a href="https://x.com/markbowley" aria-label="X">𝕏</a>
                        <a target="_blank" href="https://github.com/markbowley" aria-label="GitHub"><svg xmlns="http://www.w3.org/2000/svg"
                                width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github-icon lucide-github">
                                <path
                                    d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" />
                                <path d="M9 18c-4.51 2-5-2-7-2" />
                            </svg></a>
                    
                        <a target="_blank" href="https://www.linkedin.com/in/markbowley" aria-label="LinkedIn">in</a>
                        <a target="_blank" href="https://bsky.app/profile/markbowley.bsky.social" aria-label="BlueSky"><svg
                                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bluesky"
                                viewBox="0 0 16 16">
                                <path
                                    d="M3.468 1.948C5.303 3.325 7.276 6.118 8 7.616c.725-1.498 2.698-4.29 4.532-5.668C13.855.955 16 .186 16 2.632c0 .489-.28 4.105-.444 4.692-.572 2.04-2.653 2.561-4.504 2.246 3.236.551 4.06 2.375 2.281 4.2-3.376 3.464-4.852-.87-5.23-1.98-.07-.204-.103-.3-.103-.218 0-.081-.033.014-.102.218-.379 1.11-1.855 5.444-5.231 1.98-1.778-1.825-.955-3.65 2.28-4.2-1.85.315-3.932-.205-4.503-2.246C.28 6.737 0 3.12 0 2.632 0 .186 2.145.955 3.468 1.948" />
                            </svg></a>
                    </div>
                </div>
                <img src="/images/square.jpg" alt="Mark Bowley" class="hero-image">
            </div>
        </header>

        <section id="about">
            <h2>About me</h2>
            <p>I’m an experienced and resourceful designer, with good level of technical knowledge. I originally started out in the 90s in graphic design, mostly working on brand communications, then adding web, digital and UX.</p>
            <p>After lengthy experience as a brand and digital designer, I’ve become quite a generalist – but a specialist at figuring stuff out.</p>
            <p>I'm not just a pure designer either, I’m curious enough to constantly learn new things. So my work experience has been full of other things like a bit of UX, Design Thinking, SEO and digital implementation. I don't do full custom programming, but I know enough to get things done, especially with AI.</p>
            <p>My skills and interests have now gravitated towards a support and consulting focus. I take a multi-disciplined approach to supporting business owners with marketing growth, communications and prototyping ideas.</p>
            <div class="two-column">
                <div class="column">
                <div class="section-subtitle">Achievements, awards & press</div>
                <ul class="list">
                    <li>‘Best No-Code Build’, OnDeck Global Build Weekend 2021</li>
                    <li>‘Crowd Favourite’, OnDeck <a target="_blank" href="https://www.youtube.com/live/JvRNtK7rEWM?si=VlVdRpphzQppucfW&t=6654">No-Code Demo Day</a> 2021</li>
                    <li>Airtable interview: <a target="_blank" href="https://blog.airtable.com/bookdesign/">‘How to design a book in Airtable’</a> (2021)</li>
                    <li>Author of <a target="_blank" href="https://tinydesignlessons.com/">Tiny Design Lessons</a> (2020)</li>
                    <li>Sold <a target="_blank" href="https://markbowley.gumroad.com/">over 700 digital products</a> in 70 countries</li>
                    <li>Common Ninja interview: <a target="_blank" href="https://www.commoninja.com/blog/an-interview-with-mark-bowley">‘Crafting Niche Communities‘</a> (2024)</li>
                </ul>
                <div class="badges">
                    <img src="/images/ODNC-award1.svg" alt="ODNC Award" class="badge-logo">
                    <img src="/images/ODNC-award2.svg" alt="ODNC Award" class="badge-logo">
                </div>
            </div>
            <div class="column">
                <div class="section-subtitle">Volunteering</div>
                <ul class="list">
                    <li><a target="_blank" href="https://www.100school.com/">100 School</a> Bootcamp ‘Creator in Residence’ (2022-25)</li>
                    <li>‘Innovation Design Day’ participant, <a rel="nofollow" target="_blank" href="https://experiencehaus.com/">Experience Haus</a> (2023)</li>
                </ul>
                <div class="badges">
                    <img src="/images/100school.png" alt="100 School logo" class="badge-logo">
                    <img src="/images/ExHaus.png" alt="Experience Haus logo" class="badge-logo">
                </div>
            </div>
            </div>
        </section>

        <section id="projects">
            <h2>Selected work</h2>
            <div class="project-grid">
                <a target="_blank" href="https://bowleydesign.com/nfp-packs/" class="project-card">
                    <img src="/images/NFP_ipad_mock_up_pack.png"
                        alt="Project One" class="project-image">
                    <h3 class="project-title">NFP job packs</h3>
                </a>
                <a target="_blank" href="https://bowleydesign.com/gyftbook/" class="project-card">
                    <img src="/images/Gyftbook-icon.png"
                        alt="Project Two" class="project-image">
                    <h3 class="project-title">Gyftbook brand</h3>
                </a>
                <a target="_blank" href="https://bowleydesign.com/experience-first/" class="project-card">
                    <img src="/images/EFE-laptop.jpg"
                        alt="Project Three" class="project-image">
                    <h3 class="project-title">Experience First website</h3>
                </a>
            </div>
        </section>

        <section id="services">
            <h2>How I help</h2>
            <p>I help businesses plan, design and implement for digital marketing growth.</p>
            <p>I thrive on reducing complexity and making clean, impactful designs. In many years' experience as a designer, I’ve covered everything from brand, to marketing, digital and product design.</p>
            <p>I’m best suited to iterative problem-solving work and visual design updates.</p>
            <p>If you’re building something and need design to make it clear and compelling, I’d love to hear about it. If you have online ideas you need prototyping or advice on how to, I’d love to hear about that too.</p>
            <div class="two-column">
                <div class="column">
                <div class="section-subtitle">Focus areas</div>
                <ul class="list">
                    <li>Design services & support</li>
                    <li>Building & managing websites</li>
                    <li>Building rapid prototypes of ideas</li>
                    <li>Automating simple processes</li>
                    <li>SEO & AI basics</li>
                </ul>
                </div>
                <div class="column">
            <div class="section-subtitle">Complimentary skills</div>
                <ul class="list">
                    <li>Creating visual clarity</li>
                    <li>Critical thinking</li>
                    <li>Design Thinking</li>
                    <li>User-first approach</li>
                    <li>Systems mindset</li>
                </ul>
                </div>
            </div>

        </section>

        <section id="testimonials">
            <div class="testimonial-grid">
                <div class="testimonial">
                    <span class="quote-mark">“</span>
                    <p class="testimonial-text">
                        Delightful to work with and always able to deliver a project on time
                        and budget. We can't recommend him highly enough.
                    </p>
                    <p class="testimonial-author">— CEO, Twilight Zone Engineering</p>
                </div>
                <div class="testimonial"><span class="quote-mark">“</span>
                    <p class="testimonial-text">Mark brings an incisive mind, great design skills and a down-to-earth style of communication to all his work.”</p>
                    <p class="testimonial-author">—Jane, Deaf public speaker & coach</p>
                </div>
                <div class="testimonial"><span class="quote-mark">“</span>
                    <p class="testimonial-text">A fantastic opportunity for us to see a real expert at work.”</p>
                    <p class="testimonial-author">— Founder, Sociability</p>
                </div>
                <div class="testimonial"><span class="quote-mark">“</span>
                    <p class="testimonial-text">Mark was amazing, and the website was just what I had hoped for.”</p>
                    <p class="testimonial-author">— Founder, Experience First Events</p>
                </div>
                <div class="testimonial"><span class="quote-mark">“</span>
                    <p class="testimonial-text">Mark had an ability to bring our vague ideas to life in a way that
                        exceeded our expectations. Highly recommended.”</p>
                    <p class="testimonial-author">— CEO, VIVA Tuition</p>
                </div>
                <div class="testimonial"><span class="quote-mark">“</span>
                    <p class="testimonial-text">A dream to work with. Not only extremely talented, but a great communicator and partner in your project.”</p>
                    <p class="testimonial-author">— Founder, Jaunty</p>
                </div>
            </div>
        </section>

        <section id="cta">
            <div class="cta-content">
                <h2>Work with me</h2>
                <p>Whether you need design support, a website built, or help prototyping an idea, I’d love to hear about your project.</p>
                <div class="spacer-sml"></div>
                <div class="cta-buttons">
                    <a href="/cdn-cgi/l/email-protection#1d707c6f765d7f726a71786479786e747a73337e7270" class="button button-primary"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail-icon lucide-mail">
                        <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" />
                        <rect x="2" y="4" width="20" height="16" rx="2" />
                    </svg> Email me</a>
                    <a target="_blank" href="https://cal.com/markbowley/15min" class="button button-primary"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone-icon lucide-phone">
                        <path
                            d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384" />
                    </svg> Book a call</a>
                    
                </div>
                <div class="cta-buttons">
                    <a target="_blank" href="https://bowleydesign.com/" class="button button-secondary">Design services</a>
                    <a target="_blank" href="https://bowleylogos.carrd.co/" class="button button-secondary">Logo design</a>
                    <a target="_blank" href="https://minitools.carrd.co/" class="button button-secondary">Experiments</a>
                    <a target="_blank" href="https://markbowley.me/" class="button button-secondary">Blog</a>
                    <a target="_blank" href="https://markbowley.gumroad.com/l/coaching" class="button button-secondary">Coaching</a>
                </div>
            </div>
        </section>

        <footer>
            <div class="footer-content">
                <p class="footer-copyright">© 2026 Mark Bowley <span>▪</span> <a href="https://bowleydesign.com/">Bowley Design Ltd</a>
                </p>
                
                <div class="footer-newsletter">
                    <!-- Embed your signup form here -->
                    <p class="footer-label">Join my mailing list</p>
                    <iframe class="newsletter-embed" src="https://moremaking.substack.com/embed" width="480" height="320" frameborder="0" scrolling="no"></iframe>
                </div>
                <div class="social">
                    <a href="/cdn-cgi/l/email-protection#4e232f3c250e2c2139222b372a2b3d272920602d2123" aria-label="Email"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="lucide lucide-mail-icon lucide-mail">
                            <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" />
                            <rect x="2" y="4" width="20" height="16" rx="2" />
                        </svg></a>
                    <a target="_blank" href="https://x.com/markbowley" aria-label="X">𝕏</a>
                    <a target="_blank" href="https://www.linkedin.com/in/markbowley" aria-label="LinkedIn">in</a>
                    <a target="_blank" href="https://bsky.app/profile/markbowley.bsky.social" aria-label="BlueSky"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bluesky"
                        viewBox="0 0 16 16">
                        <path
                            d="M3.468 1.948C5.303 3.325 7.276 6.118 8 7.616c.725-1.498 2.698-4.29 4.532-5.668C13.855.955 16 .186 16 2.632c0 .489-.28 4.105-.444 4.692-.572 2.04-2.653 2.561-4.504 2.246 3.236.551 4.06 2.375 2.281 4.2-3.376 3.464-4.852-.87-5.23-1.98-.07-.204-.103-.3-.103-.218 0-.081-.033.014-.102.218-.379 1.11-1.855 5.444-5.231 1.98-1.778-1.825-.955-3.65 2.28-4.2-1.85.315-3.932-.205-4.503-2.246C.28 6.737 0 3.12 0 2.632 0 .186 2.145.955 3.468 1.948" />
                    </svg></a>
                    <a target="_blank" href="https://github.com/markbowley" aria-label="GitHub"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                            class="lucide lucide-github-icon lucide-github">
                            <path
                                d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" />
                            <path d="M9 18c-4.51 2-5-2-7-2" />
                        </svg></a>
                    <a target="_blank" href="https://unsplash.com/@markbowley" aria-label="Unsplash"><svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                        <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                        <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                        <g id="SVGRepo_iconCarrier">
                            <path d="M15 4.5H9V8.5H15V4.5Z" fill="currentColor"></path>
                            <path d="M4 10.5H9V14.5H15V10.5H20V19.5H4V10.5Z" fill="currentColor"></path>
                        </g>
                    </svg></a>
                </div>

                <div class="other-links"><a target="_blank" href="https://markbowley.gumroad.com/">Gumroad store</a><a target="_blank" href="https://markbowley.lemonsqueezy.com/">Lemon Squeezy store</a></div>
            </div>
        </footer>
    </div>

    <!-- Toggle -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
        const themeToggle = document.getElementById('themeToggle');
        const html = document.documentElement;

        const getTheme = () => {
            const saved = localStorage.getItem('theme');
            if (saved) return saved;
            return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
        };

        const setTheme = (theme) => {
            html.setAttribute('data-theme', theme);
            localStorage.setItem('theme', theme);
        };

        setTheme(getTheme());

        themeToggle.addEventListener('click', () => {
            const current = html.getAttribute('data-theme');
            setTheme(current === 'dark' ? 'light' : 'dark');
        });

        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
            if (!localStorage.getItem('theme')) {
                setTheme(e.matches ? 'dark' : 'light');
            }
        });
    </script>

    <!-- Hamburger -->
    <script>
    const hamburger = document.querySelector('.hamburger');
    const mobileMenu = document.querySelector('.mobile-menu');

    hamburger.addEventListener('click', () => {
                hamburger.classList.toggle('active');
            mobileMenu.classList.toggle('open');
    });
        const menuLinks = document.querySelectorAll('.mobile-menu a');

        menuLinks.forEach(link => {
            link.addEventListener('click', () => {
                mobileMenu.classList.remove('open');
                hamburger.classList.remove('active');
            });
        });

    </script>
    <!-- backToTop -->
    <button id="backToTop"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-chevron-up-icon lucide-chevron-up">
            <path d="m18 15-6-6-6 6" />
        </svg></button>
    
    <script>
        const btn = document.getElementById("backToTop");

        window.addEventListener("scroll", () => {
            if (window.scrollY > 300) {
                btn.classList.add("show");
            } else {
                btn.classList.remove("show");
            }
        });

        btn.addEventListener("click", () => {
            window.scrollTo({ top: 0, behavior: "smooth" });
        });
    </script>

</body>

</html>