My responsive websites are designed and built in Adobe Muse. It comes with CMS, so clients can update their content themselves. Besides creating unique websites, I produce drawings and animations for web-banners and other carriers of multimedia.
On this page I created some scroll effects that could give a website a more dynamic experience.
SCROLL
MOTION
SCROLL MOTION | Example of objects or text fragments moving relatively slower or faster on the screen when scrolling. Fading in or not.
HIDDEN
OBJECTS
PHOTO CAPTIONS REVEAL | Example of an illustration that reveals its caption by clicking on the illustration itself [1] or by just going over it with the cursor [2]. The illustration will be temporarely covered, partly or entirely.[3].
[1]
[2]
[3]
Sit amet, consectetur adipiscing elit
Aenean consectetur suscipit viverra. Morbi non arcu blandit justo pellentese condimentuInteger.
Sit amet, consectetur adipiscing elit
Aenean consectetur suscipit viverra. Morbi non arcu blandit justo pellentes condimentuInteger.
Sit amet, consectetur adipiscing elit
Aenean consectetur suscipit viverra. Morbi non arcu blandit justo pellentes condimentu
Integer.
NOTE TEXT REVEAL | Example of a longread with fixed breakpoints: Note text (and/or a small illustration) pops up when the red frame number in the sidebar (>) is rolled over. The text and/or illustration disappears when the cursor is rolled out. Due to small screen widths, this effect is not available on smartphones.
Longread, cone nonsent otat
B
Sed ut voluptium ni cullati untis aut maio. Nam int, omni consedi tectat es adicidunt andem ea sitam ipicae cupti cone nonsent. Otat. Menis rehenda voluptat volut entisit atemodis volo dolorro eles con porescillum#22 aute net quatem fugia voloreperes eaquatu ritatus, od quid que quis molupta pos ellabo. Itas moluptate sequam anti dolupta quaectur, cus, temos abo. Neque volorae peris et officimillat que et voluptae. Ita cus el miliquas rest aut ad que doloribus et laccatur, ulla vent faccus et qui a con non earuptatust quatia quis eum accatis quatia consed moloribus expliqui volum velliatur? Edio voles doluptatur? Qui comnisq uatur? Qui omnis mod moluptatius.See figure 1
1 Uiaece stemper umquatur
Porpos erum as dit volorestia volupicatur andenimus sit, sit elestotati quid molorae incim que naturi conse maximus, conseque cus, soloria dolor sam atur? Undiam repe vit licae con re qui aut am quibus. Vit eum unt liquunt isquam lam, coruptatem quia nonsequatio. Et omnima conecum quas resecto elitaspe es magnima id etur, sequat ut dessinci sequat ulpari tecto omni test pliquosa pore pratus a nem lit eatur aligeni antium di doluptat rest andae maion res es quis des conecto cus nus, quosapedis nus rempelent.
Beruptaernam quis nihit, quiaece stemper umquatur sum ipiet eaque a dolut aceprov iderum ius etus, quiduci ut quatia pligent doluptatem.
2 Quiaece stemper umquatur
sum ipiet
Sit amet, consectetur adipiscing elit. Aenean consectetur suscipit viverra. Morbi non arcu blandit justo pellentesque condimentum. Integer dignissim risus quis felis accumsan quis pulvinar tellus fermentum.
>note #22
Integer dignissim
Ita cus el miliquas rest aut ad que doloribus et laccatur, ulla vent faccus et qui a con non earuptatust quatia quis eum accatis quatia consed moloribus expliqui volum velliatur
>fig. 1
^
MEI
KNOL
Chapter I
Uiaece stemper umquatur
Chapter 2
Neque volorae peris et officimi
Chapter 12
Menis rehenda voluptat volut
WEB
DESIGN
FIXED BREAKPOINTS
SCROLL
EFFECTS
Max Beinema Graphic Design
>#22
Note text only visible on larger screen
>fig#1
Graph and text only visible on larger screen