Hoe maak je een web story?

Laatste update: 27/01/2021
18:24
De ervaring als: Ontwerper
Met: Web Story

Leestijd: < 1 minuut

Ja, dat is een goede vraag. Daarom dat ik in artikel daar aandacht aan besteedt.

Uit de doos heb ik een eerste concept gemaakt. Deze zie je hieronder.

De vraag die ik eerst moet beantwoorden is: welke waarde past er in een Web story?

Het is in ieder geval visueel
Er kan in worden gelinkt
Er kan verhaal in worden vertelt
Het kan content zijn.

Dan moet ik de vraag stellen:

Welk waarde kan ik leveren binnen de bovengenoemde criteria?

Zoals met Spotify dat ook op een jaaroverzicht geeft, kan ik daar ook een soort maatstaven van maken waarop iemand heeft gescoord?
Een soort analyse visueel laten zien hoe het nu is, en hoe het beter kan.

Web Story 1.0

Ontdek de ervaring

				
					.woocommerce .widget_price_filter .ui-slider .ui-slider-range {

background-color: #fff;

}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {

background-color: #fff;

}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {

background-color: #000;

}

				
					<script>

document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
var mywindow = $(window);
var mypos = mywindow.scrollTop();
mywindow.scroll(function() {
if (mypos > 40) {
if(mywindow.scrollTop() > mypos) {
$('#stickyheaders').addClass('headerup');
} else {
$('#stickyheaders').removeClass('headerup');
}
}
mypos = mywindow.scrollTop();
}); }); });

</script>
<style>
#stickyheaders{
-webkit-transition: transform 0.34s ease;
transition : transform 0.34s ease;
}
.headerup{
transform: translateY(-110px); /*adjust this value to the height of your header*/
}
</style>

Hoe maak je een web story?

Ontdek de ervaring

Long Read

Devoked