Textesstory-steptabscolumns grid cardil nous font confiance (partners grid)colorsCTAfleches navcardsbanners

Textes

Titres & sous-titres

Titre H1

Titre H1

Sous-Titre H1

Sous-Titre H1

Titre H2

Titre H2

Texte

1

Ok, on tient une idee, on la teste ?

1

Ok, on tient une idee, on la teste ?

Cette idée est donc naît de nos propres besoins. Très rapidement, nous avions des pistes de solutions pour répondre à notre problème. Nous imaginons une interface très simple, du nom de WeDo, dans laquelle les membres de l’équipe peuvent proposer et cofinancer un projet. Après une première étude de marché, nous créons un prototype pour commencer à tester. Nous nous concentrons sur les fonctionnalités essentielles du produit, constituants l’essence même du service que nous imaginons. En quelques semaines, nous avions notre premier MVP !

2

Ok, on tient une idee, on la teste ?

Cette idée est donc naît de nos propres besoins. Très rapidement, nous avions des pistes de solutions pour répondre à notre problème. Nous imaginons une interface très simple, du nom de WeDo, dans laquelle les membres de l’équipe peuvent proposer et cofinancer un projet. Après une première étude de marché, nous créons un prototype pour commencer à tester. Nous nous concentrons sur les fonctionnalités essentielles du produit, constituants l’essence même du service que nous imaginons. En quelques semaines, nous avions notre premier MVP !

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Challenges

S’assurer de la viabilité du business sur le marché. Créer une équipe capable de monter en croissance et l’accompagner tout au long de son développement.

Solutions

Test de l’idée en interne. Développement du Minimum Viable Product (MVP). Validation du Product Market Fit. Recrutement et coaching CTO / CEO.

Teamstarter

Réussir un projet intrapreneurial, de l’idée au succès

Teamstarter

Réussir un projet intrapreneurial, de l’idée au succès

Paragraphes

Texte

Petit Texte

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Des résultats concrets !

80%
Taux d’adoption de la plateforme
50
client en 2020
15
Collaborateurs en 2020

Des résultats concrets !

80%
Taux d’adoption de la plateforme
50
client en 2020

Des résultats concrets !

80%
Taux d’adoption de la plateforme

Challenges

S’assurer de la viabilité du business sur le marché. Créer une équipe capable de monter en croissance et l’accompagner tout au long de son développement.

Solutions

Test de l’idée en interne. Développement du Minimum Viable Product (MVP). Validation du Product Market Fit. Recrutement et coaching CTO / CEO.

Challenges

S’assurer de la viabilité du business sur le marché. Créer une équipe capable de monter en croissance et l’accompagner tout au long de son développement.

Solutions

Test de l’idée en interne. Développement du Minimum Viable Product (MVP). Validation du Product Market Fit. Recrutement et coaching CTO / CEO.

Solutions

Test de l’idée en interne. Développement du Minimum Viable Product (MVP). Validation du Product Market Fit. Recrutement et coaching CTO / CEO.

Absence de marché

Absence de marché

Absence de marché

Absence de marché

Absence de marché

Absence de marché

Absence de marché

Absence de marché

Ils nous font confiance
logo askeet
logo balzac
logo homecamper
logo famae
feels logo
logo dodin
laposte logo
masuccession logo
fdj logo
logo shareit
ubeeqo logo
logo filib
habiteo logo
hubstairs logo
logo societe generale

note: v2 du partners grid, utilise les data cms, table clients

note: les share buttons ne sont visible que sur une page publiée. Le parametrage des buttons se fait sur https://sharethis.com/

Couleurs

Colors

Gradient

bggradient-savoirfaire-cerveau - Violet - turquoise

bggradient-corporate-oiseaux Jaune - Rouge

Gradient inverse

Gradient côté

bggradient-servicedesign Orange - jaune

bggradient-startup Vert - Jaune

bggradient-startup Vert - Jaune

bggradient-productdesign Gradient inverse

Gradient inverse

Gradient pink-blue

Fonds unis

bgcolor-croissance

bgcolor-productdelivery

Shadow

Couleurs principales

#383838 Dark Slate Grey
#33D8EF Dark Turquoise
#FF5695 Hot Pink
#FFF73D Yellow
#6EFA96 Pale Green
#FFA556 Sandy brown

CTA

Buttons

note: l'animation des du hover button (circular gradient) est present des les parametres du site dans la section custom code
https://webflow.com/dashboard/sites/matterswebsite/code

Text
Text
centered buttons
fake button

note: le fake button est utile dans la business card, car toute la business card est un link (clickable) et dans webflow on ne peut pas avoir de nestead link

Text
Découvre l'équipe
Text
specific button

Un projet à partager ?

Fleches Nav

scroll mark

note: scroll markest une div avec une taille nulle. On lui met un id pour qu'un lien permette de scroller jusqua cette mark, elle permet de focilement faire un offset pour la navbar.

Pour l'utiliser utiliser le symbole scroll-mark, unlink le symboles avec ctrl + shift + A, donner un id a la div, set le link d'une fleches nav (ou d'un lien) vers l'id

BANNERS (full width)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

BANNER IMAGE

full width, keep ratio

max width 1280

max width 1280px with blured sides

BANNER VIDEO (full width)

BANNER IMAGE with navigation (full width)