Videosteps

אתר תדמית

האתגר

לתפוס את הרגעים המשפחתיים היקרים ביותר

הצגת העבודות של מקסים בצורה שתשקף את התנועה והחיים שהוא מכניס לכל סרט.

הפתרון

חידוד ובחירה נכונה של צבעים, פונטים ושימוש עיצוב נקי ואינטואיטיבי, המאפשר למבקרים להתמצא בקלות ולחוות את הרגש והסיפור מאחורי כל סרט.

#D0AB82

צבעי המותג:

#FFFFFF

#000000

document.addEventListener('DOMContentLiteSpeedLoaded',()=>{gsap.registerPlugin(SplitText,ScrollTrigger,TextPlugin);function prepareItems(items){const finals=[];items.forEach(item=>{item.style.display='inline-block';item.style.overflow='hidden';item.style.whiteSpace='nowrap';const w=item.offsetWidth;item.style.width=w+'px';finals.push(item.textContent.trim());item.textContent=''});return finals} document.querySelectorAll('.elementor-widget-heading.scramble-reveal .elementor-heading-title').forEach(el=>{const split=SplitText.create(el,{type:'chars',mask:'chars',charsClass:'split-char'});const chars=split.chars;const finalChars=prepareItems(chars);gsap.timeline({scrollTrigger:{trigger:el,start:'top 90%',end:'bottom 60%',scrub:!0}}).to(chars,{duration:0.8,text:(i)=>finalChars[i],ease:'none',scrambleText:{chars:'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789',speed:0.3,revealDelay:0.1},stagger:{each:0.05}})});document.querySelectorAll('.elementor-widget-text-editor.scramble-reveal h2').forEach(p=>{const split=SplitText.create(p,{type:'words',mask:'words',wordsClass:'split-word'});const words=split.words;const finalWords=prepareItems(words);gsap.timeline({scrollTrigger:{trigger:p,start:'top 90%',end:'bottom 60%',scrub:!0}}).to(words,{duration:0.8,text:(i)=>finalWords[i],ease:'none',scrambleText:{chars:'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789',speed:0.2,revealDelay:0.2},stagger:{each:0.2}})});ScrollTrigger.refresh()})