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]

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

^

MEI

KNOL

WEB
DESIGN

FIXED BREAKPOINTS

SCROLL

EFFECTS

Max Beinema Graphic Design