דף נחיתה ל-LYNKO - עיצוב, תנועה וסיפור מוצר בגלילה
דף נחיתה שיווקידף שיווקי בעברית מלאה, שבנוי לספר את הסיפור של המוצר תוך כדי גלילה, לא רק לתאר אותו.
פרויקט עצמאי, לא עוד עמוד במערכת
דף הנחיתה של LYNKO תוכנן ונבנה כפרויקט עיצוב ופיתוח בפני עצמו, לא כעמוד נוסף בתוך המוצר. הוא כולל הירו אנימטיבי, סקשן שמספר את סיפור המוצר תוך כדי גלילה, ומערכת עיצוב עקבית שנגזרת מהמוצר עצמו, לא הומצאה בנפרד.
מה יש בפנים
הירו שמרגיש חי
כותרת שנכנסת מילה אחרי מילה, ספוטלייט שעוקב אחרי תנועת העכבר, ומוקאפ מוצר עם הטיה תלת-ממדית עדינה בהובר. הרושם הראשון כבר קובע את הטון של כל הדף.
סיפור שנגלל
סקשן מוצמד שבו ארבעה 'מסכים' של המוצר מתחלפים בזום ובקרוספייד תוך כדי גלילה, עם מסלול נפרד ומותאם למובייל במקום חוויה שבורה.
שפה עיצובית אחת
כל צבע, טיפוגרפיה ורדיוס נגזרים מטוקנים מוגדרים מראש, כך שהמוצר ודף הנחיתה שלו מרגישים כמו אותה חוויה, לא שני אתרים שהודבקו יחד.
RTL מקצה לקצה
לא רק יישור טקסט לימין. כולל טיפול בבעיות bidi עדינות, כמו מספרים וסימנים בתוך משפט עברי, שבהן הרבה אתרים 'מתורגמים' נשברים.
מהיר, ונעים לכולם
כל אנימציה מכבדת prefers-reduced-motion, ובלי אפקטים מוגזמים על כפתורים. תנועה שמשרתת את התוכן, לא מסיטה ממנו.
הצצה טכנית
- Next.js, Tailwind CSS ו-Framer Motion, על אותה מערכת עיצוב כמו המוצר עצמו.
- אנימציות מונעות-גלילה עם useScroll ו-useTransform - כולל ניפוי של תקלה אמיתית ב-Framer Motion, קלאמפינג שלא התנהג נכון בסצנה הראשונה, ותוקן ידנית אחרי חקירה.
רוצים דף נחיתה כזה למוצר שלכם?
אם יש לכם מוצר טוב שהעמוד השיווקי שלו עדיין לא עושה לו צדק, אשמח לדבר. אני בונה דפי נחיתה שמספרים סיפור, לא רק מפרטים רשימת פיצ'רים.
בוא נדבר