ContentMaster - מערכת AI ליצירת תוכן SEO

מערכת ואתר AI

האתגר

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

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

הפתרון

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

#10B222

צבעי המותג:

#F59F0A

#14181F

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()})