Matterway

A new Brand for a business automation SaaS

<b>4</b> brand strategy workshops

defining the core of identity

<b> 300+</b> brand name variations

matching match market and business

<b>8</b> brand design explorations

exploring the one logo

Matterway

Visit website

INDUSTRY

SaaS

Timeframe

2 months in 2019

TEAM

Design Lead
UX / UI Designers

About the project

Matterway changes the way humans interact with enterprise software. We helped them rebrand the company, design their product and supported them throughout their transformation.

<section class="padding-largest no-padding-bottom module-portolio-detail-headline"> <div class="wrapper"> <h2 class="l-text center"> <span class="color">The making of Matterway –</span> <br class="not-on-s">from workshop to brand </h2> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container reverse-order"> <div class="flex-item-left img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/02._tile-section/matterway--workshop-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/02._tile-section/matterway--workshop-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/02._tile-section/matterway--workshop-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/02._tile-section/matterway--workshop-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Brand workshops –<br> We formulated a strategy</h3> <p>Boana was already working on the product for a startup called Productive Mobile when they approached us with the need for a brand renaming.We run a bunch of strategic sessions and workshops, came up with potential names for this new brand, followed by a large exploration of brand design ideas. Finally brought the new brand in a first style guide followed by designs for the website, presentations and company stationary.</p> </div> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container"> <div class="flex-item-left"> <div class="vertical-middler"> <h3>Brand values –<br> We defined Matterways’ values</h3> <p>Brand values, essential core beliefs and principles, shaped the companie's identity. It influenced the sales team and employee branding. It was a milestone in differentiating the brand from its competitors and highlighting its uniqueness.</p> </div> </div> <div class="flex-item-right img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/02._tile-section/matterway-brand-values-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/02._tile-section/matterway-brand-values-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/02._tile-section/matterway-brand-values-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/02._tile-section/matterway-brand-values-1x.jpg"> </picture> </div> </div> </div> </section> <section class="padding-largest no-padding-bottom module-portolio-detail-headline bg-grey-05"> <div class="wrapper"> <h2 class="l-text center"> <span class="color">Brand exploration –</span> <br class="not-on-s">We iterated on naming and logo </h2> </div> </section> <section class="section modular-portfolio-detail-list no-padding-sides no-padding-bottom bg-grey-05"> <div class="headline-large-image"> <div class="item-wrapper"> <div class="item"> <div class="image img-mobile"> <picture> <source media="(max-width: 767px)" srcset="" /> <source srcset="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/04._full-width-image-1/matterway-brand-exploration-slides-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/04._full-width-image-1/matterway-brand-exploration-slides-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/04._full-width-image-1/matterway-brand-exploration-slides-1x.jpg}"> </picture> </div> </div> </div> </div> </section> <section class="testimonial padding-largest"> <div class="wrapper"> <div class="testimonial-content"> <div class="text-box"> <p class="m-text text-grey-60 quote"> »Boana understands the intersection between business processes and product development and guided us through the whole process of rebranding our company.« </p> <p class="quote-name s-text text-grey-40"> <span class="regular">Anthony Hsiao</span><br> CEO Matterway </p> </div> <div class="img-box l-text"> <picture> <source data-srcset="url('https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/04._testimonial/testimonial-pic@1x.jpg?v=0') 1x, url('https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/04._testimonial/testimonial-pic@_2x.jpg?v=0') 2x" media="(max-width: 380px)" srcset="url('https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/04._testimonial/testimonial-pic@1x.jpg?v=0') 1x, url('https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/04._testimonial/testimonial-pic@_2x.jpg?v=0') 2x"> <img data-src="url('https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/04._testimonial/testimonial-pic@_2x.jpg?v=0')" width="448" height="448" class=" lazyloaded" src="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/04._testimonial/testimonial-pic@_2x.jpg?v=0"> </picture> </div> </div> </div> </section> <section class="padding-largest no-padding-bottom module-portolio-detail-headline bg-grey-05"> <div class="wrapper"> <h2 class="l-text center"> <span class="color">Welcome –</span> <br class="not-on-s">the Matterway brand </h2> </div> </section> <section class="section modular-portfolio-detail-list bg-grey-05"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container reverse-order"> <div class="flex-item-left img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/06._tile-image-3/matterway-brand-guide-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/06._tile-image-3/matterway-brand-guide-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/06._tile-image-3/matterway-brand-guide-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/06._tile-image-3/matterway-brand-guide-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Brand styleguide –<br> the look and feel of Matterway</h3> <p>The brand style guide outlines the visual and written elements that define the Matterway brand. It includes details such as logo usage, color schemes, typography, tone of voice, and design principles.</p> </div> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list bg-grey-05"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container"> <div class="flex-item-left"> <div class="vertical-middler"> <h3>Branding materials –<br> shipping a brand.</h3> <p>The new brand is being used in all kinds of ways, as you would expect from a SaaS start-up. In the digital product, on pitch decks, but of course also on T-shirts and with a large logo on the office wall. Being proud of this is part of the strategy.</p> </div> </div> <div class="flex-item-right img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/06._tile-image-3/matterway-branding-materials-stationary-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/06._tile-image-3/matterway-branding-materials-stationary-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/06._tile-image-3/matterway-branding-materials-stationary-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/matterway-brand-design-coporate-manual-styleguide/06._tile-image-3/matterway-branding-materials-stationary-1x.jpg"> </picture> </div> </div> </div> </section> <section id="cta-your-project" class="section padding-largest modular-call-contact "> <div class="wrapper"> <div class="flex-container"> <div class="flex-item-left"> <picture> <source media="(max-width: 767px)" srcset="/user/themes/boanastories/img/sales/s-profile-j2-mobile.jpg" /> <source srcset="/user/themes/boanastories/img/sales/s-profile-j2-1x.jpg 1x, /user/themes/boanastories/img/sales/s-profile-j2-2x.jpg 2x" /> <img src="/user/themes/boanastories/img/sales/s-profile-j2-1x.jpg" alt="Johannes Holl" /> </picture> <a href="https://boanastudio.com/team/johannes-holl" class="xs-text text-grey-60 image-caption"><b class="bold text-grey-40">Johannes Holl</b> <span class="not-on-s">• </span>Managing Director</a> </div> <div class="flex-item-right"> <div class="text"> <div class="headline l-text"> <span class="color">Let’s talk about</span><br>your project. </div> <div class="teaser n-text text-grey-60"> We can help reduce complexity and identify quick wins upfront. </div> <div class="actions"> <a href="https://boanastudio.com/contact" class="button primary">Get free consultation</a> </div> </div> </div> </div> </div> </section>