מועדון חברים - שכונת ק.קריניצי

אתר תדמית

האתגר

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

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

הפתרון

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

#DDAB2C

צבעי המותג:

#EAE3D7

#3B332B

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