Matterway

Brand-Design für ein SaaS‑Startup

<b>4</b> Workshops zur Markenstrategie

Definition des Kerns der Identität

<b>300+</b> verschiedene Markennamen

Abstimmung von Markt und Unternehmen

<b>8</b> Erkundungen zum Markendesign

Erkundung des einen Logos

Matterway

Visit website

BRANCHE

SaaS

Zeitraum

2 Monate in 2019

TEAM

Design Lead
UX / UI Designers

Produkt-Design Web Marke

Über das Projekt

Matterway verändert die Art und Weise, wie Menschen mit Unternehmenssoftware interagieren. Wir halfen ihnen bei ihre Marke neuzudenken, dem passenden Brand-Design, der Entwicklung ihres Produkts und unterstützten sie bei ihrer Transformation.

<section class="padding-largest no-padding-bottom module-portolio-detail-headline"> <div class="wrapper"> <h2 class="l-text center"> <span class="color">Die Entstehung von Matterway -</span> <br class="not-on-s">vom Workshop zur Marke </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> Eine kohärent Strategie formulieren</h3> <p>Boana arbeitete bereits an einem Produkt für ein Unternehmen namens "Productive Mobile", als dieses mit dem Wunsch nach einer Markenumbenennung an uns herantrat.\nWir untersuchten potenzielle Namen für die neue Marke, führten eine umfangreiche Untersuchung von Logo-Ideen durch und brachten die neue Marke schließlich in einem ersten Styleguide, gefolgt von Designs für die Website, Präsentationen und Briefpapier.</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> Matterways Werte definieren</h3> <p>Die Markenwerte prägten die Identität des Unternehmens. Sie beeinflussten das gesamte Start-up, vom Vertrieb bis zum Personalmanagement. Die Definition der richtigen Werte war ein wichtiger Schritt, um die Marke von ihren Mitbewerbern zu differenzieren und ihre Einzigartigkeit hervorzuheben.</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">Markenexploration –</span> <br class="not-on-s">Iterationen zu Namensgebung und 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 hat unsere Geschäftsprozessen und Produktentwicklung verstanden und hat uns zielsicher durch das Rebranding unseres Unternehmens geführt.« </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">Hallo Welt –</span> <br class="not-on-s">die Marke Matterway </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> der look&feel von Matterway</h3> <p>Der Brand Style Guide beschreibt die visuellen und schriftlichen Elemente, die die Marke matterway ausmachen. Er enthält Details zur Verwendung und Konstruktion des Logos, Farbschemata, Typografie, Tonalität und Designprinzipien.</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> Anwendung im Kontext</h3> <p>Die neue Marke wird auf alle möglichen Arten genutzt, wie man es sich von einem SaaS-Startup wünscht. Im digitalen Produkt, auf Pitch Decks, aber natürlich auch auf T-Shirts und mit einem großen Logo an der Bürowand. Darauf stolz zu sein, ist Teil der Strategie.</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/de/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>Geschäftsführer</a> </div> <div class="flex-item-right"> <div class="text"> <div class="headline l-text"> <span class="color">Sprechen wir über</span><br>Ihr Projekt. </div> <div class="teaser n-text text-grey-60"> Teilen Sie Ihre Ideen mit uns, wir helfen gerne! </div> <div class="actions"> <a href="https://boanastudio.com/de/contact" class="button primary">Kostenlose Beratung</a> </div> </div> </div> </div> </div> </section>