CINXE.COM

About Big Medium | Big Medium

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>About Big Medium | Big Medium</title> <meta name="description" content="Big Medium is a digital agency that helps complex organizations design for what’s next. We build design systems, craft exceptional online experiences, and transform digital organizations. We do big design." /> <meta name="keywords" content="big medium, josh clark, brad frost, bigmedium, design agency, design systems, atomic design" /> <meta name="copyright" content="Copyright Big Medium, 2024" /> <link rel="canonical" href="https://bigmedium.com/about/" /> <meta name="robots" content="index,follow" /> <link rel="icon" href="https://bigmedium.com/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="https://bigmedium.com/favicon.ico" type="image/x-icon" /> <link rel="alternate" type="application/rss+xml" href="https://bigmedium.com/bm.feed.xml" title="Big Medium - About" /> <link rel="stylesheet" href="https://bigmedium.com/bm.styles.css" type="text/css" /> <style type="text/css"> div.bma_page92 { display: none } </style> <link rel="home" title="Home" href="https://bigmedium.com/" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@bigmediumjosh" /> <meta name="twitter:url" property="og:url" content="https://bigmedium.com/about/" /> <meta name="twitter:title" property="og:title" content="About Big Medium | Big Medium" /> <meta name="twitter:description" property="og:description" content="Big Medium is a digital agency that helps complex organizations design for what’s next. We build design systems, craft exceptional online experiences, and transform digital organizations. We do big design." /> <meta name="twitter:image" property="og:image" content="https://bigmedium.com/apple-touch-icon-144x144.png" /> <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/manifest.json"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/mstile-144x144.png"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="/styles.css?cache" type="text/css" /> <meta property="og:site_name" content="Big Medium" /> <script> /*! grunt-grunticon Stylesheet Loader - v2.1.2 | https://github.com/filamentgroup/grunticon | (c) 2015 Scott Jehl, Filament Group, Inc. | MIT license. */ (function(e){function t(t,n,r,o){"use strict";function a(){for(var e,n=0;u.length>n;n++)u[n].href&&u[n].href.indexOf(t)>-1&&(e=!0);e?i.media=r||"all":setTimeout(a)}var i=e.document.createElement("link"),l=n||e.document.getElementsByTagName("script")[0],u=e.document.styleSheets;return i.rel="stylesheet",i.href=t,i.media="only x",i.onload=o||null,l.parentNode.insertBefore(i,l),a(),i}var n=function(r,o){"use strict";if(r&&3===r.length){var a=e.navigator,i=e.Image,l=!(!document.createElementNS||!document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect||!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")||e.opera&&-1===a.userAgent.indexOf("Chrome")||-1!==a.userAgent.indexOf("Series40")),u=new i;u.onerror=function(){n.method="png",n.href=r[2],t(r[2])},u.onload=function(){var e=1===u.width&&1===u.height,a=r[e&&l?0:e?1:2];n.method=e&&l?"svg":e?"datapng":"png",n.href=a,t(a,null,null,o)},u.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",document.documentElement.className+=" grunticon"}};n.loadCSS=t,e.grunticon=n})(this);(function(e,t){"use strict";var n=t.document,r="grunticon:",o=function(e){if(n.attachEvent?"complete"===n.readyState:"loading"!==n.readyState)e();else{var t=!1;n.addEventListener("readystatechange",function(){t||(t=!0,e())},!1)}},a=function(e){return t.document.querySelector('link[href$="'+e+'"]')},c=function(e){var t,n,o,a,c,i,u={};if(t=e.sheet,!t)return u;n=t.cssRules?t.cssRules:t.rules;for(var l=0;n.length>l;l++)o=n[l].cssText,a=r+n[l].selectorText,c=o.split(");")[0].match(/US\-ASCII\,([^"']+)/),c&&c[1]&&(i=decodeURIComponent(c[1]),u[a]=i);return u},i=function(e){var t,o,a;o="data-grunticon-embed";for(var c in e)if(a=c.slice(r.length),t=n.querySelectorAll(a+"["+o+"]"),t.length)for(var i=0;t.length>i;i++)t[i].innerHTML=e[c],t[i].style.backgroundImage="none",t[i].removeAttribute(o);return t},u=function(t){"svg"===e.method&&o(function(){i(c(a(e.href))),"function"==typeof t&&t()})};e.embedIcons=i,e.getCSS=a,e.getIcons=c,e.ready=o,e.svgLoadedCallback=u,e.embedSVG=u})(grunticon,this); grunticon(["/grunticon-v2/icons.data.svg.css", "/grunticon-v2/icons.data.png.css", "/grunticon-v2/icons.fallback.css"]); </script> <noscript><link href="/grunticon-v2/icons.fallback.css" rel="stylesheet"></noscript> <script src="/js/picturefill-min.js" async></script> <!-- Piwik --> <script type="text/javascript"> var _paq = _paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//bigmedium.com/bigstats/"; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', '1']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Piwik Code --> </head> <!-- end <%htmlhead%> --> <body id="Section-about" class="bmt-section"> <header id="bm-top" class="header toolbar"> <div class="lc"> <a href="https://bigmedium.com/" class="logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 830 147" role="img" aria-label="Big Medium" preserveAspectRatio="xMaxYMax meet"><title>Big Medium</title><desc>Big Medium logo</desc><defs><symbol id="bmlogo"><g fill="#000" fill-rule="evenodd"><path id="bmlogo-arrow" d="M56 9.94V0h32v30h-9.94V17.394L62.456 33 55 25.545 70.606 9.94"/><path class="bmlogo" d="M0 0v116h88V40H46V0H0zm36 10H10v96h68V50H36V10zM144 0h-10v95l-1 21h8l2-10c3.874 6.617 10.956 12 23 12 20.618 0 29-17.023 29-38v-4c0-21.292-8.382-38.316-29-38-11.033-.316-17.97 4.34-22 10V0zm0 59c3.064-5.16 9.046-12 20-12 14.142 0 21 11.352 21 29v4c0 17.648-6.858 29-21 29-10.954 0-16.936-6.84-20-12V59zm69 57h10V39h-10v77zM224 8h-13v13h13V8zm68 109c.016 13.62-5.33 21.158-20 21-14.38.158-19.872-7.09-20-22h-10v2c.445 16.1 7.96 29 30 29 21.895 0 30.133-12.61 30-30V61l1-21h-8l-2 10c-3.874-6.637-10.956-12-23-12-20.473 0-29 16.38-29 36v3c0 19.414 8.527 35.503 29 36 11.033-.497 17.825-4.846 22-11v15zm0-58v32c-3.2 5.216-9.014 12-20 12-14.02 0-21-10.392-21-26v-4c0-15.32 6.98-26 21-26 10.986 0 16.8 6.784 20 12zm156 58V61c0-14.677-7.67-23-21-23-12.868 0-20.54 5.84-25 13-2.487-8.473-9.29-13-19-13-12.434 0-19.96 5.55-24 12l-2-10h-8l1 22v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10zm81-35v-6c0-20.9-9.765-38-32-38-22.944 0-33 17.1-33 38v4c0 20.9 10.056 38 33 38 22.09 0 32-13.768 32-26h-10c.235 8.03-6.177 17.45-22 17-15.074.45-22.215-9.986-23-27h55zm-33-36c14.618 0 21.42 10.484 22 27h-44c.434-16.516 7.526-27 22-27zm76-8c-20.618-.316-29 16.708-29 38v4c0 20.977 8.382 38 29 38 11.9 0 19.126-5.383 23-12l1 10h9l-1-21V0h-10v48c-4.175-5.66-10.967-10.316-22-10zm3 71c-14.167 0-21-11.352-21-29v-4c0-17.648 6.833-29 21-29 10.84 0 16.8 6.84 20 12v38c-3.2 5.16-9.16 12-20 12zm50 7h10V39h-10v77zM636 8h-13v13h13V8zm18 31v54c0 14.632 7.973 25 23 25 13.386 0 21.65-5.55 26-12l2 10h8l-1-22V39h-10v58c-3.206 4.937-9.15 11.8-21 12-10.474-.2-16.998-5.603-17-17V39h-10zm176 78V61c0-14.677-7.67-23-21-23-12.868 0-20.54 5.84-25 13-2.487-8.473-9.29-13-19-13-12.434 0-19.96 5.55-24 12l-2-10h-8l1 22v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10z"/></g></symbol></defs><use xlink:href="#bmlogo"></use></svg> </a> <nav class="bmw_navigation bmn_hnav" role="navigation"> <div class="bmn_skipnav"><a href="#bm-skipnavtop">Skip Navigation</a></div> <ul> <li class="bmn_sec-ideas"><a title="" href="https://bigmedium.com/ideas/">Ideas</a></li> <li class="bmn_sec-projects"><a title="" href="https://bigmedium.com/projects/">Projects</a></li> <li class="bmn_sec-speaking"><a title="" href="https://bigmedium.com/speaking/">Talks</a></li> <li class="bmn_sec-about bmn_active"><a title="" href="https://bigmedium.com/about/">About</a></li> <li class="bmn_sec-hire"><a title="" href="https://bigmedium.com/hire/">Hire Us</a></li> </ul> <span class="bmn_clearNav" id="bm-skipnavtop"> </span> </nav> <div class="powertools"> <a href="#" class="icon icon-microphone icon-utility" title="speech commands" id="toggleSpeech">Speak</a> <a href="#" id="toggleSearch" class="icon icon-search icon-utility" title="search">Search</a> <a href="#nav" id="toggleMenu" class="icon icon-menu icon-utility" title="menu">Menu</a> <!-- START <%search%> --> <form action="https://bigmedium.com/cgi-bin/moxiebin/bm-search.cgi/q/3" method="get" class="bmw_search" enctype="multipart/form-data" accept-charset="utf-8"><div> <input type="search" name="bmq" placeholder="Search" value="" /> <button type="submit" class="icon icon-search icon-utility">Search</button> <input type="hidden" name="bms" value="3" /> </div></form> <!-- END <%search%> --> </div> </div> </header> <main role="main"> <header class="page-header page-header--sans-kicker"> <div class="lc"> <!-- start <%headline%> --> <h1 class="bmw_headline">About Big Medium</h1> <!-- end <%headline%> --> <div class="tagline"><p><strong>We do big design.</strong> Big Medium is a digital agency that helps complex organizations design for what’s next. We build design systems, craft exceptional online experiences, and transform digital organizations.</p></div> </div> </header> <div class="lc maincontent"> <section class="bodycontent"> <!-- start <%content%> --> <div class="bmw_pageContent"> <aside class="aside media-right"> <p><strong>Get in Touch</strong></p> <p>Contact Josh Clark to get started:<br/> <a href="&#109;&#97;&#105;&#108;&#x74;&#111;&#x3a;&#x6a;&#x6f;&#115;&#x68;&#x40;&#x62;&#x69;&#103;&#109;&#101;&#100;&#105;&#117;&#109;&#46;&#x63;&#111;&#109;">&#x6a;&#x6f;&#x73;&#x68;&#64;&#x62;&#x69;&#103;&#109;&#101;&#x64;&#105;&#x75;&#x6d;&#x2e;&#99;&#x6f;&#109;</a><br/> <a href="tel:+14013393381">(401) 339&#8211;3381</a></p> </aside> <p>The internet is a mighty big medium. It spreads not only across platforms and screens but into the physical world—and into all aspects of everyday life and business. Big Medium helps clients make daring leaps in how they seize the internet’s evolving opportunities—and confront its emerging challenges.</p> <h3 id="whatwedo:designatscale">What we do: design at scale</h3> <p>We guide big companies doing big things. We combine strategy and practice to help our clients build the right products <em>and</em> build the products right.</p> <ul> <li>We build and evolve <strong><mark>design systems</mark></strong> for the world’s biggest companies.</li> <li>We help clients put <strong><mark>artificial intelligence</mark></strong> and <strong><mark>machine learning</mark></strong> to meaningful use.</li> <li>We design <strong><mark>web and application interfaces</mark></strong> across brands and product lines.</li> <li>We do <strong><mark>organization design</mark></strong> and <strong><mark>change management</mark></strong> to bust silos and help sprawling digital teams work better together.</li> <li>We craft <strong><mark> product strategy for emerging technologies</mark></strong> including AI, connected devices, and the latest web technologies.</li> <li>We provide <strong><mark>education and inspiration</mark></strong> via workshops, executive sessions, and keynote addresses.</li> </ul> <p><a href="/hire/">Learn about our services</a>, and <a href="/projects/">check out our recent projects</a>.</p> <h3 id="whatweunlock:change">What we unlock: <strong>change</strong></h3> <p>We help complex organizations level up. Lasting organizational change is always a key deliverable, and our clients say working with us is transformative. When we build together with client teams, we also do much more: we introduce new process; we remove friction and frustration; we reinforce collaborative culture; and we reveal new techniques and technologies. Your digital teams will be more nimble, more confident, and more effective for working with us.</p> <h3 id="thebiggestbrands">The biggest brands</h3> <p>Our clients include a giant collection of the world’s best-known brands. including <strong>10 percent of the Fortune 100</strong> and counting. Here’s a small selection of recent clients:</p> <!-- start logos --> <section> <div class="lc u--zero-pad"> <div class="standard-margin"> <!-- start client list --> <div class="g g-2-3-4up bmw_logos"> <!-- start caterpillar --> <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/caterpillar.svg" alt="Caterpillar logo" class="bma_thumb" /> </div> </div> <!-- end caterpillar --> <!-- start united --> <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/united-airlines.svg" alt="United Airlines logo" class="bma_thumb" /> </div> </div> <!-- end united --> <!-- start cigna --> <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/cigna.svg" alt="Cigna logo" class="bma_thumb" /> </div> </div> <!-- end cigna --> <!-- start ups --> <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/ups.svg" alt="UPS logo" class="bma_thumb" /> </div> </div> <!-- end ups --> <!-- start dotdash meredith --> <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/dotdash-meredith.svg" alt="Dotdash Meredith logo" class="bma_thumb" /> </div> </div> <!-- end dotdash meredith --> <!-- start principal --> <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/principal.svg" alt="Principal logo" class="bma_thumb" /> </div> </div> <!-- end principal --> <!-- start nasdaq --> <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/nasdaq.svg" alt="Nasdaq logo" class="bma_thumb" /> </div> </div> <!-- end nasdaq --> <!-- start pfizer --> <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/pfizer.svg" alt="Pfizer logo" class="bma_thumb" /> </div> </div> <!-- end pfizer --> <!-- start comcast --> <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/comcast.svg" alt="Comcast logo" class="bma_thumb" /> </div> </div> <!-- end comcast --> <!-- start target --> <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/target.svg" alt="Target logo" class="bma_thumb" /> </div> </div> <!-- end target --> <!-- start marriott --> <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/marriott.svg" alt="Marriott logo" class="bma_thumb" /> </div> </div> <!-- end marriott --> <!-- start petsmart --> <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/petsmart.svg" alt="Petsmart logo" class="bma_thumb" /> </div> </div> <!-- end petsmart --> </div> <!-- end client list --> </div> </div> </section> <!-- end logos --> <h3 id="weareunlikeanyotheragency">We are unlike any other agency</h3> <p>We provide everything you’d expect from any full-service agency. We’ve won the expected collection of awards and accolades. We know how to run big projects. We can scale our teams quickly. </p> <p>But we’re also totally different. Our people, ideas, perspectives, and goals are unusual among digital agencies. Here’s why&#8230;</p> <h3 id="ledbyinternetluminaries">Led by internet luminaries</h3> <p>When you work with Big Medium, you work closely with principals <a href="/about/josh-clark.html">Josh Clark</a> and <a href="/about/brad-frost.html">Brad Frost</a>—web trailblazers who shape the language and techniques of modern design and development. They literally wrote the books on Atomic Design, Sentient Design, and mobile UX. They have almost certainly architected and built more enterprise design systems than any team on the planet—and guided the evolution of dozens more.</p> </div> </section> </div> <!-- start josh and brad --> <section> <div class="lc u--zero-pad"> <div class="standard-margin"> <!-- start avatars --> <div class="g g-half bmw_people bmw_people--principals"> <div class="gi"> <div class="bmw_link" itemscope itemtype="https://schema.org/Person"> <div class="bma_mediatop"> <a href="/about/josh-clark.html" class="bma_thumb"> <img src="/bm.pix/josh-clark-headshot.1x1-500.jpg" class="bma_thumb bma_avatar" alt="Photo of Josh Clark" itemprop="image"> </a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <h3 class="bma_head"> <a href="/about/josh-clark.html" itemprop="name">Josh Clark</a> <meta itemprop="sameAs" content="https://bigmedium.com/about/josh-clark.html" /> </h3> <div class="bma_desc"> <div class="bio_desc"> <span itemprop="jobTitle" class="jobtitle">Principal</span> <meta itemprop="worksFor" content="Big Medium" /> <br /> UX/product strategist,<br /> <cite>Sentient Design</cite> co-author </div> <a href="&#109;&#97;&#105;&#108;&#x74;&#111;&#x3a;&#x6a;&#x6f;&#115;&#x68;&#x40;&#x62;&#x69;&#103;&#109;&#101;&#100;&#105;&#117;&#109;&#46;&#x63;&#111;&#109;" itemprop="email">&#x6a;&#x6f;&#x73;&#x68;&#64;&#x62;&#x69;&#103;&#109;&#101;&#x64;&#105;&#x75;&#x6d;&#x2e;&#99;&#x6f;&#109;</a> </div> </div> </div> </div> </div> <div class="gi"> <div class="bmw_link" itemscope itemtype="https://schema.org/Person"> <div class="bma_mediatop"> <a href="/about/brad-frost.html" class="bma_thumb"> <img src="https://bigmedium.com/bm.pix/brad-frost-headshot.1x1-500.jpg" class="bma_thumb bma_avatar" alt="Photo of Brad Frost" itemprop="image"> </a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <h3 class="bma_head"> <a href="/about/brad-frost.html" itemprop="name">Brad Frost</a> <meta itemprop="sameAs" content="https://bigmedium.com/about/brad-frost.html" /> </h3> <div class="bma_desc"> <div class="bio_desc"> <span itemprop="jobTitle" class="jobtitle">Principal</span> <meta itemprop="worksFor" content="Big Medium" /> <br /> Technical strategist,<br /> <cite>Atomic Design</cite> author </div> <a href="&#109;&#97;&#105;&#108;&#x74;&#111;&#x3a;&#x62;&#x72;&#97;&#x64;&#x40;&#x62;&#x69;&#103;&#109;&#101;&#100;&#105;&#117;&#109;&#46;&#x63;&#111;&#109;" itemprop="email">&#x62;&#x72;&#x61;&#x64;&#64;&#x62;&#x69;&#103;&#109;&#101;&#x64;&#105;&#x75;&#x6d;&#x2e;&#99;&#x6f;&#109;</a> </div> </div> </div> </div> </div> </div> <!-- start avatars --> </div> </div> </section> <!-- end josh and brad --> <div class="lc maincontent"> <section class="bodycontent"> <div class="bmc_belowContent"> <!-- remaining custom content is in the template file --> </div> <!-- end bmw_pageContent --> <!-- end <%content%> --> </section> </div> <!-- start custom about us content --> <section class="bodycontent"> <div class="bmc_belowContent"> <div class="about-splash about-splash__atomic"> <h3 class="about-splash--heading" id="atomic-design"> <span class="about-splash--text about-splash--text__atomic">We created Atomic Design</span> </h3> </div> </div> <div class="lc"> <div class="bmc_belowContent"> <p>Atomic Design is the methodology we created to build sturdy, reusable design systems. Big Medium’s Brad Frost wrote <a href="https://atomicdesign.bradfrost.com">the book on Atomic Design</a>, and it has since become the industry’s bible for designing the assets, process, and principles to drive successful design systems.</p> <p><strong>We know it’s working when we see improved efficiency, quality, and consistency, which are all hallmarks of Atomic Design.</strong></p> </div> </div> </section> <section class="bodycontent"> <div class="bmc_belowContent"> <div class="about-splash about-splash__fish"> <h3 class="about-splash--heading" id="teach-teams-to-fish"> <span class="about-splash--text">We teach teams to fish</span> </h3> </div> </div> <div class="lc"> <div class="bmc_belowContent"> <p>Our goal with every project is not only to deliver the promised outcome but to show our clients how to do it, too. Our aim is never to make clients dependent on us. On the contrary, we always seek to level up the teams we work with, so that our skills become theirs—and so that our client companies do not need to rely on external vendors. We are teachers as much as practitioners.</p> <p><strong>We know it’s working when the team has confidence to carry on the work on their own.</strong></p> </div> </div> </section> <section class="bodycontent"> <div class="bmc_belowContent"> <div class="about-splash about-splash__action"> <h3 class="about-splash--heading" id="orientation-to-action"> <span class="about-splash--text">Orientation to action</span> </h3> </div> </div> <div class="lc"> <div class="bmc_belowContent"> <p>We teach through demonstration and work out problems through explicit experimentation. We encourage process that favors parallel activity and cross-disciplinary collaboration, which shrinks timelines and delivers higher quality. We encourage companies to create design systems by building the roadmap projects they need to build anyway—instead of building a design system in the abstract and off to the side.</p> <p><strong>We know it’s working when we’re able to get down to doing the actual work—instead of talking about the work. </strong></p> </div> </div> </section> <section class="bodycontent"> <div class="bmc_belowContent"> <div class="about-splash about-splash__people"> <h3 class="about-splash--heading" id="people-politics-process"> <span class="about-splash--text about-splash--text__people">People + politics + process</span> </h3> </div> </div> <div class="lc"> <div class="bmc_belowContent"> <p>The toughest challenges to building design systems or digital products are rarely their technical solutions. People are the hard part—the way we work, the habits we form, the politics we contend with.</p> <p>A successful design system is tuned to the culture, hierarchy, incentives, and power structures of the organization. The work we do addresses this very human aspect of digital production, as well as the technical.</p> <p><strong>We know it’s working when we’ve reduced organizational frictions, eliminated barriers to collaboration, and accommodated fact-of-life power structures. </strong></p> </div> </div> </section> <section class="bodycontent"> <div class="bmc_belowContent"> <div class="about-splash about-splash__collaboration"> <h3 class="about-splash--heading" id="multi-disciplinary"> <span class="about-splash--text about-splash--text__collaboration">Multi-disciplinary collaboration</span> </h3> </div> </div> <div class="lc"> <div class="bmc_belowContent"> <p>We’re big believers in breaking down the creative silos between disciplines, with a particular focus on improving designer/developer co-creation. In our worldview, design systems and digital projects become a platform for collaboration, where designers and developers work from the same source of truth, share a common vocabulary, and have opportunities to build interfaces together instead of designers pitching mockups over the wall.</p> <p><strong>We know it’s working when everyone is speaking the same language, there are fewer surprises, screens are built faster, and QA is much reduced. </strong></p> </div> </div> </section> <section class="bodycontent"> <div class="bmc_belowContent"> <div class="about-splash about-splash__partners"> <h3 class="about-splash--heading" id="true-partnership"> <span class="about-splash--text about-splash--text__partners">True partnership</span> </h3> </div> </div> <div class="lc"> <div class="bmc_belowContent"> <p>We are told that we are not only smart and talented—table stakes for a full-service agency—but that we are also kind... and fun to work with. That rings true, since we look for the same in our clients.</p> <p>We become friends with the people we work with. We care about their challenges, and we are invested in their success. We are real allies in making their vision real.</p> <p><strong>We know it’s working when we’re all enjoying our work together, not only the results.</strong></p> <h3 id="contact">We’d love to meet you</h3> <p>Working on an interesting project, wrestling with a thorny problem, or leveling up your digital organization? Let’s talk! <a href="/hire/">Learn about our services</a>, and get in touch with us today.</p> <p class="vcard"> Contact Josh Clark to get started:<br> <a href="&#x6D;&#97;&#105;&#108;&#x74;&#x6F;:&#106;&#x6F;&#115;&#104;&#64;&#x62;&#105;&#x67;&#109;&#101;&#100;&#105;&#x75;&#x6D;.&#x63;&#x6F;&#x6D;">&#106;&#x6F;&#115;&#104;&#64;&#x62;&#105;&#x67;&#109;&#101;&#100;&#105;&#x75;&#x6D;.&#x63;&#x6F;&#x6D;</a><br> <a href="tel:+14013393381">(401) 339–3381</a> </p> </div> </div> </div> </section> <!-- end custom about content --> </main> <section id="nav" class="prefooter"> <div class="toolbar"> <div class="lc"> <a href="https://bigmedium.com/" class="logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 830 147" role="img" aria-label="Big Medium" preserveAspectRatio="xMaxYMax meet"><title>Big Medium</title><desc>Big Medium logo</desc><use xlink:href="#bmlogo" id="footerLogo" /></svg> </a> <a href="#bm-top" id="BackToTop" class="icon icon-menu-up icon-utility">Back to top</a> </div> </div> <div class="lc"> <!-- START <%search%> --> <form action="https://bigmedium.com/cgi-bin/moxiebin/bm-search.cgi/q/3" method="get" class="bmw_search" enctype="multipart/form-data" accept-charset="utf-8"><div> <input type="search" name="bmq" placeholder="Search" value="" /> <button type="submit" class="icon icon-search icon-utility">Search</button> <input type="hidden" name="bms" value="3" /> </div></form> <!-- END <%search%> --> <nav class="bmw_navigation bmn_hnav" role="navigation"> <div class="bmn_skipnav"><a href="#bm-skipnavbottom">Skip Navigation</a></div> <ul> <li class="bmn_sec-ideas"><a title="" href="https://bigmedium.com/ideas/">Ideas</a></li> <li class="bmn_sec-projects"><a title="" href="https://bigmedium.com/projects/">Projects</a></li> <li class="bmn_sec-speaking"><a title="" href="https://bigmedium.com/speaking/">Talks</a></li> <li class="bmn_sec-about bmn_active"><a title="" href="https://bigmedium.com/about/">About</a></li> <li class="bmn_sec-hire"><a title="" href="https://bigmedium.com/hire/">Hire Us</a></li> </ul> <span class="bmn_clearNav" id="bm-skipnavbottom"> </span> </nav> </div> </section> <!-- start <%footer%> --> <div class="bmw_footer"> <footer class="footer"> <div class="lc"> <div class="read-us"> <h3>Read us</h3> <ul> <li class="book-atomic"> <a href="https://atomicdesign.bradfrost.com"> <img src="/pix/atomic-design.png" alt="Atomic Design, by Brad Frost" /> </a> </li> <li class="book-touch"> <a href="http://abookapart.com/products/designing-for-touch"> <img src="/pix/designing-for-touch.png" alt="Designing for Touch, by Josh Clark" /> </a> </li> </ul> </div> <div class="hire-us"> <h3>Work with us</h3> <ul> <li><a href="/hire/#design-systems">Design systems</a></li> <li><a href="/hire/#ui-ux-design">Interface and experience design</a></li> <li><a href="/hire/#product-strategy-process">Digital strategy and process</a></li> <li><a href="/hire/#production">Production and co-creation</a></li> <li><a href="/hire/#action-plan">Action plan</a></li> <li><a href="/hire/#coaching">Coaching and hands-on advice</a></li> <li><a href="/hire/#workshops-talks">Workshops and talks</a></li> </ul> </div> <div class="follow-us"> <h3>Follow us</h3> <h4>Get the <a href="/ideas/big-medium-newsletter.html">newsletter</a></h4> <div id="mc_embed_shell_bmfooter" class="bmc_mailchimp"> <div id="mc_embed_signup_bmfooter"> <form action="https://bigmedium.us5.list-manage.com/subscribe/post?u=6c0c3f4dcd40d88bc1cedb3fa&amp;id=7540015453&amp;f_id=00d6c4eaf0" method="post" id="mc-embedded-subscribe-form_bmfooter" name="mc-embedded-subscribe-form" class="validate" target="_self" novalidate=""> <div id="mc_embed_signup_scroll_bmfooter"> <div class="mc-field-group"><label for="mce-EMAIL_bmfooter">Email Address</label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL_bmfooter" required="" value=""></div> <div id="mce-responses_bmfooter" class="clear"> <div class="response" id="mce-error-response_bmfooter" style="display: none;"></div> <div class="response" id="mce-success-response_bmfooter" style="display: none;"></div> </div><div class="clear"><input type="submit" class="btn" name="subscribe" id="mc-embedded-subscribe_bmfooter" class="button" value="Subscribe"></div> </div> </form> </div> </div> <ul class="social"> <li><a href="https://twitter.com/bigmediumjosh" class="icon icon-twitter">Twitter</a></li> <li><a href="/bm.feed.xml" class="icon icon-rss">RSS</a></li> <li><a href="https://instagram.com/joshclark/" class="icon icon-instagram">Instagram</a></li> <li><a href="https://github.com/bigmedium" class="icon icon-github">Github</a></li> </ul> </div> <div class="contact-us"> <h3>Contact us</h3> <div itemscope itemtype="http://schema.org/Organization"> <div> <h4>Start with Josh&nbsp;Clark</h4> <meta itemprop="name" content="Big Medium" /> <meta itemprop="sameAs" content="https://bigmedium.com/" /> </div> <p > <a itemprop="email" href="&#x6D;&#97;&#105;&#108;&#x74;&#x6F;:&#106;&#x6F;&#115;&#104;&#64;&#x62;&#105;&#x67;&#109;&#101;&#100;&#105;&#x75;&#x6D;.&#x63;&#x6F;&#x6D;">&#106;&#x6F;&#115;&#104;&#64;&#x62;&#105;&#x67;&#109;&#101;&#100;&#105;&#x75;&#x6D;.&#x63;&#x6F;&#x6D;</a><br /> <a itemprop="telephone" href="tel:+14013393381" class="p-tel">(401) 339-3381</a> </p> </div> </div> <p class="copyright"> Big Medium is a Global Moxie company.<br /> Copyright 2003–2024 Global Moxie, LLC. All rights reserved. </p> </div> </footer> </div> <!-- end <%footer%> --> <script src="/js/bigmed-min.js" type="text/javascript"></script> <script type="text/javascript"> BigM.initPage(); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10