<div class="blocks stripe--primary">
<div class="card">
<div class="card__image-header">
<img class="card__image" src="../../assets/visual-workshop-12.jpg">
<ul class="card__tags">
<li class="card__tag">Startup</li>
<li class="card__tag">Mobility</li>
</ul>
</div>
<div class="card__body">
<div class="card__subheadline">Design Sprint mit Movacar</div>
<h2 class="card__headline">Von der Idee zum Prototyp in 4 Tagen </h2>
<p class="card__text">Zusammen mit movacar hat INNOQ einen 4-tägigen Design Sprint durchgeführt,
um wertvolles echtes Nutzerfeedback für den angedachten Business Case des
Startups zu erhalten.</p>
</div>
<div class="card__footer blocks">
<div>
<h3 class="upcase-heading">Unser Beitrag</h3>
<ul class="checklist">
<li>Design Sprint</li>
<li>Backlog Boost</li>
</ul>
</div>
<div>
<h3 class="upcase-heading">Outcome</h3>
<p class="standalone">Die Nutzerbefragungen am Ende des Design Sprints lieferten belastbaren
Input für weitere Investorengespräche.</p>
</div>
</div>
</div>
<div class="card">
<div class="card__image-header">
<img class="card__image" src="../../assets/visual-workshop-05.jpg">
<ul class="card__tags">
<li class="card__tag">Startup</li>
<li class="card__tag">Fintech</li>
</ul>
</div>
<div class="card__body">
<div class="card__subheadline">Minimum Viable Product einer digitalen Reisekostenabrechnung</div>
<h2 class="card__headline">Aus Painpoint wird Produkt</h2>
<p class="card__text">Um den wachsenden Overhead-Kosten bei INNOQ zu begegnen, die jeden Monat
für die Reisekostenabrechnung anfallen, bauen vier INNOQ-Mitarbeiter kurzerhand
selbst eine SaaS-Lösung und legen den Grundstein für den Reisekosten-Gorilla.</p>
</div>
<div class="card__footer blocks">
<div>
<h3 class="upcase-heading">Unser Beitrag</h3>
<ul class="checklist">
<li>Vision Day</li>
<li>Ignition Days</li>
<li>Continous Development</li>
</ul>
</div>
<div>
<h3 class="upcase-heading">Outcome</h3>
<p class="standalone">Die beste SaaS Reisekosten Software am Markt.</p>
</div>
</div>
</div>
</div>
<div class="blocks stripe--primary">
<div class="card">
<div class="card__image-header">
<img class="card__image" src={context.app.uri('assets/visual-workshop-12.jpg')} />
<ul class="card__tags">
<li class="card__tag">Startup</li>
<li class="card__tag">Mobility</li>
</ul>
</div>
<div class="card__body">
<div class="card__subheadline">Design Sprint mit Movacar</div>
<h2 class="card__headline">Von der Idee zum Prototyp in 4 Tagen </h2>
<p class="card__text">
Zusammen mit movacar hat INNOQ einen 4-tägigen Design Sprint durchgeführt, um wertvolles echtes
Nutzerfeedback für den angedachten Business Case des Startups zu erhalten.
</p>
</div>
<div class="card__footer blocks">
<div>
<h3 class="upcase-heading">Unser Beitrag</h3>
<ul class="checklist">
<li>Design Sprint</li>
<li>Backlog Boost</li>
</ul>
</div>
<div>
<h3 class="upcase-heading">Outcome</h3>
<p class="standalone">
Die Nutzerbefragungen am Ende des Design Sprints lieferten belastbaren Input für weitere Investorengespräche.
</p>
</div>
</div>
</div>
<div class="card">
<div class="card__image-header">
<img class="card__image" src={context.app.uri('assets/visual-workshop-05.jpg')} />
<ul class="card__tags">
<li class="card__tag">Startup</li>
<li class="card__tag">Fintech</li>
</ul>
</div>
<div class="card__body">
<div class="card__subheadline">Minimum Viable Product einer digitalen Reisekostenabrechnung</div>
<h2 class="card__headline">Aus Painpoint wird Produkt </h2>
<p class="card__text">
Um den wachsenden Overhead-Kosten bei INNOQ zu begegnen, die jeden Monat für die Reisekostenabrechnung anfallen, bauen
vier INNOQ-Mitarbeiter kurzerhand selbst eine SaaS-Lösung und legen den Grundstein für den Reisekosten-Gorilla.
</p>
</div>
<div class="card__footer blocks">
<div>
<h3 class="upcase-heading">Unser Beitrag</h3>
<ul class="checklist">
<li>Vision Day</li>
<li>Ignition Days</li>
<li>Continous Development</li>
</ul>
</div>
<div>
<h3 class="upcase-heading">Outcome</h3>
<p class="standalone">
Die beste SaaS Reisekosten Software am Markt.
</p>
</div>
</div>
</div>
</div>
/* No context defined for this component. */
.card {
padding: $container-spacer-x $container-spacer-y;
}
.card__image-header {
position: relative;
}
.card__tags {
@extend %list-unstyled;
position: absolute;
top: 0;
left: 0;
margin-top: $spacer-md;
}
.card__tag {
@extend %teaser-caption;
background-color: $brand-red;
padding: $spacer-xxs;
color: $brand-white;
& + .card__tag {
margin-top: $spacer-xs;
}
}
.card__image {
max-width: 100%;
}
.card__body {
border-bottom: 1px solid $brand-gray-25;
}
.card__body,
.card__footer {
transform: translateY(-$spacer-xxl);
margin: 0 $spacer-lg;
background-color: $brand-white;
padding: $container-spacer-x-sm $container-spacer-y-sm;
}
.card__subheadline {
@extend %teaser-caption;
margin-bottom: $spacer-xxs;
}
.card__headline {
@extend %h3;
color: $brand-red;
}
.card__text {
@extend %body-font-italic;
margin-bottom: $spacer-xxs;
line-height: $paragraph-lead-line-height-small;
font-size: $paragraph-lead-font-size-small;
}
There are no notes for this item.