large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<p>Published on <a href="https://blog.prototypr.io/when-architects-design-software-df2faf509eb1?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Blake Hudelson </p>
<h4>A conversation with San-Francisco design agency Dixon &amp; Moe</h4>
<h3>In this series I talk to leaders at the forefront of design and technology, getting an inside look from the minds creating the next big thing.</h3>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*xR5XT6KcCKTOjFPe."></p>
<h4><strong>I sat down with the three founders of the San Francisco design agency, </strong><a href="https://dixonandmoe.com"><strong>Dixon &amp; Moe</strong></a><strong>, discussing their trajectory from designing buildings to designing software and what it takes to start a successful design agency today.</strong></h4>
<h4><strong>Alex, Robert, and Moe: what is Dixon &amp; Moe?</strong></h4>
<p>Dixon &amp; Moe is a digital strategy, design, and development consultancy based in San Francisco. It is the only digital agency that we know of whose founding team consists of three trained architects.</p>
<p>We do a lot of work for clients in the architecture, engineering, and real estate industries. We’ve also worked with startups and institutions like MIT.</p>
<h4><strong>What instigated your move from architecture to the technology sector?</strong></h4>
<p>We all met through architecture school at MIT. Even with our frequent all nighters, we somehow found time to do side projects and hackathons together, which helped drive our growing collaboration over the years. The three of us knew we wanted to start a business, but we knew starting our own architecture practice would probably take an eon. Most architects work at an established firm for 10–15 years, then pilfer a few clients to bootstrap their own firm. We were not about to wait around for that to happen.</p>
<p>Another contributing factor was the conceptual freedom that we experienced in architecture school, something that is definitely lost when you move to the professional world. Software, we realized, still offered a bit more experimentation and personal creativity than architecture did in a real world context.</p>
<p>To us the speed of the tech sector is really exciting — the rate at which products are launched, the rate of innovation, and the sheer scale it touches. We all went into architecture to design systems and build physical environments to have a positive impact on society. The transition to tech was obvious when we realized we could accomplish those same goals through software. We still consider ourselves architects, just not in the traditional sense.</p>
<blockquote><p>We want to get to a point where our products are being used by millions of people — something that could never happen if we stayed in architecture.</p></blockquote>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/0*_jIcclnLhnsaGTxR."><a href="https://dixonandmoe.com">Dixon &amp; Moe</a></p>
<h4><strong>What skills from your training in architecture translated well to software design?</strong></h4>
<p>We really like having a background in architecture. It gives us a different perspective from other UX designers and developers in the field because we were trained to think at a 10,000 ft view. You have to learn software tools quickly, solve multifaceted problems, and communicate simple solutions to clients who often don’t understand design.</p>
<blockquote><p>In architecture we were taught to create <em>systems for designing things</em>, not just the things themselves, which has translated really well to designing software.</p></blockquote>
<p>As architects, we build models to study spaces. A direct analog of this in the tech sector is building prototypes to study software applications. This made the transition all the more natural, as we were able to re-appropriate our iterative and experimental methodologies from physical models to digital products.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*NgsinTM7CX3TNPln."><a href="https://www.azahner.com">Zahner</a></p>
<h4><strong>Architects tend to think they can design anything. What were you</strong> <strong>not</strong> <strong>prepared for when transitioning to software design?</strong></h4>
<p>A huge part of what enabled us to shift from designing buildings to designing software was the accessibility (and sheer scale) of information freely available online today. So we still think we can design anything (laughs).</p>
<p>The hardest part for us has been developing our business chops, like getting new work and growing our client base. Other than a single professional practice class we took in school — which we all coincidentally enjoyed far more than our classmates — we didn’t have any formal training on how to start a business. Our company has largely been built on trial and error and the sage advice from family and friends that have helped us along the way.</p>
<p>Something we’ve embraced as part of transitioning to a technology company is testing and feedback. In architecture, you can only ‘ship to production’ once with a building. You don’t iterate once you get feedback from users. This is something we initially had to adjust to, but ultimately we really wish existed in architecture. The three of us were trained to be perfectionists, so we’ve had to learn to be ok with putting our designs out into the world when they’re not perfect.</p>
<h4><strong>What kinds of interesting clients have you worked with since you started?</strong></h4>
<p>Our clients tend to fall into two camps: startups and SaaS companies on the one hand, and AEC (architecture, engineering, construction) firms on the other.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*BFDhzcGrzgEzbrmf."><a href="https://www.imagewall.com">ImageWall</a></p>
<p>We’ve had the opportunity to build powerful tools like <a href="https://www.imagewall.com">ImageWall</a>, a 3D configurator for 200ft perforated metal walls; digital platforms for the likes of <a href="https://design.mit.edu">MIT</a> and <a href="https://www.azahner.com">Zahner</a>; a prototype SDK for <a href="https://flux.io/">Flux</a>, as well as some back of house software for large architecture firms. Navigating between architecture and technology companies has given us a unique perspective on both sides of the equation: architects can gain a lot from a fresh approach to the digital aspect of their business, and our design-centric workflow fits in well with contemporary startup culture.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*KwHBi9hemBOqV0XK."><a href="https://design.mit.edu">MIT Design Lab</a></p>
<h4><strong>What else are you working on?</strong></h4>
<p>Side projects still run in our blood. Our collaborative efforts were born out of a knack for hacking on nights and weekends, and we keep that mentality to this day. In addition to client work, we’ve got at least 4–5 ongoing internal projects.</p>
<p>One of our favorites is <a href="http://htmlcolorcodes.com/">Color Codes</a> which now generates around $4,000 per month in passive income for us. You can read the full write-up on <a href="https://www.indiehackers.com/businesses/html-color-codes">IndieHackers</a>, but long story short, we built a color picking website and ranked it #1 on Google for a whole bunch of keywords. The website currently gets over a million page views a month, and we’ve learned more about SEO than we ever knew existed.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/0*uRqwlylxQHXc8ucb."><a href="https://dixonandmoe.com/rellax/">Rellax JS</a></p>
<p>Another fun project was <a href="https://dixonandmoe.com/rellax/">Rellax</a>, a lightweight JavaScript parallax library. As our first foray into the open source world it’s been amazing to see the organic growth in the development community, with well-known brands like Microsoft and Gucci using the library on some of their recent projects.</p>
<p>Probably our most well-known product we’ve built is <a href="https://websites.monograph.io/">Monograph Websites</a>, a niche website builder (think Squarespace for architects). We’re also rolling out a business dashboard product for architecture and engineering firms called <a href="https://monograph.io/">Monograph Dashboard</a>. Frankly, most architects are flying blind when it comes to the business side of their practice. So Monograph Dashboard seeks to make it easy for firms to manage staffing, financial metrics, budgets, and scheduling.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*jA0SbAhuxhENg2FR."><a href="https://monograph.io/">Monograph Dashboard</a></p>
<h4><strong>Starting a company is no easy feat, what learnings could you share with other designers that are thinking about going out on their own?</strong></h4>
<p>Be prepared to spend 50% of your time looking for new work. This includes marketing, business development, networking, and trolling LinkedIn for old acquaintances.</p>
<p>No matter how much you prepare, you’ll never be “ready.” Being afraid of the unknown is very natural. We live by the saying that “shooters shoot.” In basketball, even if you miss your last 10 shots, the only thing you can do is keep shooting. That mentality has served us well.</p>
<p><em>Thanks for reading! If you’d like to continue the conversation, leave a comment or message me </em><a href="https://twitter.com/BlakeHudelson"><em>@blakehudelson</em></a><em> or </em><a href="https://twitter.com/dixonandmoe"><em>@dixonandmoe</em></a><em> on Twitter.</em></p>
<p><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=df2faf509eb1" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/when-architects-design-software-df2faf509eb1">When Architects Design Software</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


When Architects Design Software

When Architects Design Software

A conversation with San-Francisco design agency Dixon & Moe

In this series I talk to leaders at the forefront of design and technology, getting an inside look from the minds creat…

Top Stories