- HTML/CSS
CTAを確実に届ける！CSSアニメーションで”視線誘導”するテクニック
おはようございます！株式会社ファストコーディングの働くおかんです。 最近、上の子と一緒にオンラインの学習教材を見ていたんですが、画面の下にある「次のレッスンへ」ボタンがぽわんと光って、子どもが迷わずタップしていたんですよ […]
- HTML/CSS
“次にすべきこと”が現れる ─ 説明文読了で次のCTAを淡くスライドイン
IntersectionObserverで読了を検知し、適切なタイミングでCTAボタンをスライドイン表示させるUX改善テクニック。JavaScriptとCSSアニメーションを使った実装方法とCVR向上の効果を解説します。
- HTML/CSS
「戻ってきた人にだけ揺らす」─ リターンユーザー用のCTAアニメ
リターンユーザーだけに表示する「軽いCTAアニメーション」でコンバージョン率15％アップ！sessionStorageを活用し、パフォーマンスを損なわず自然に注意を引く実装法を、HTML/CSS/JavaScriptのコード付きで解説します。
- HTML/CSS
行動喚起を最大化させるには？ 緊急性を高めたCTAでコンバージョンをアップさせる方法
こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 コロナ禍でネットショッピングをする機会が増えた方も多いと思いますが、「今だけ送料無料！」「数量限定！」などと書かれているのを見て、思わず買い […]
