COLLECTION
カスタムLPで取り入れられる、インタラクションの見本集です。導入する目的から選べます。気になる動きがあれば、LINEでお伝えください。
個性を生み出すインタラクション
カスタムLP専用
LPのテンプレート(ベーシック)とは別に、カスタムLPで取り入れられる動きの見本です。「何のために入れるか」で3つに分けました。
ページ全体の雰囲気を変える
ページの印象そのものを調整したいときに。配色・書体・見せ方を切り替える動きです。
-
別ページ / 体験
DESIGN PLAYGROUND
配色・書体・構成を選ぶと、デザインが18通りにその場で変わります。
-
別ページ / 体験
DESIGN DNA
信頼感・遊び心・高級感の3つのつまみで、同じ内容の表情が変わります。
-
別ページ / 体験
FUSION LAB
「世界観」「動き」「メッセージ」を組み合わせると、同じ内容が別の体験に変わります。
-
別ページ / 比較
BEFORE → AFTER
境界線を動かして、同じ内容でも見せ方で印象が変わることを体験できます。
-
別ページ / スクロール
SCROLL RUNWAY|FULL BODY
スクロールに合わせて、全身コーディネートの写真が切り替わります。(写真:Unsplash/通信が必要)
-
別ページ / スクロール
COUNTER SCROLL
スクロールすると、左右の画面が逆方向に動きます。
キービジュアルにインパクト
最初に目に入る部分で、印象を残したいときに。ページを開いた瞬間の見え方をつくる動きです。
-
別ページ / オープニング
PARTICLE TYPOGRAPHY
粒子が集まり、koa →「目的から考える。」→「可能性を作る」と文字になるオープニング。
-
別ページ / キャラクター
REALITY BREAKER|CHARACTER EDITION
スクロールすると封印が解け、キャラクターが画面の枠を越えて現れます。
-
別ページ / アニメーション
IDEA TO REALITY
散らばった発想が集まり、ワイヤーフレームを経て、ひとつの画面になります。
-
別ページ / ロゴ
KOA STROKE
koaのロゴが、一筆ずつ書かれるように現れます。最初の画面で、ブランド名を印象づけたいときに。
ページの中でアクセント
読み進める途中で、目を止めてほしいときに。流れの中に、小さな驚きや遊びを添える動きです。
円筒ギャラリースライド見本を回して見せる
koaのホームページを題材にした、12枚のスライド見本です。場面ごとに、伝え方のパーツを並べました。円筒をドラッグして回し、拡大して見られます。各スライドの「伝える優先度」と話すときのメモも付けられます(セットオプション)。
※ koaのホームページを題材にした見本です。実際のご依頼では、用途に合わせて構成します。
プレゼン資料 1,100円〜(税込)/3営業日以内 料金を見る
-
別ページ / 奥行き
DEPTH GALLERY
フリックすると、LPが画面の奥から近づき、手前を通り抜けます。仕組みの解説(HOW IT WORKS)も付いています。
-
別ページ / ロゴ
MAGNETIC KOA
指やカーソルを近づけると文字が引き寄せられ、離すと元に戻る、触れるロゴ。
-
別ページ / 体験
DESIGN X-RAY
画面をなぞると、その場所だけデザインの設計線が透けて見えます。
-
別ページ / 体験
DISCOVERY LENS|VIDEO READY
部屋の気になる場所をタップすると、その場の動画が開きます。動画は開いたときだけ読み込みます。(動画はデモ用の公開サンプル)
-
別ページ / ゲーム性
THE ESCAPING BUTTON
押そうとすると逃げるボタン。追い詰めると、最後は素直に押させてくれます。
-
別ページ / 体験
SCROLL THROUGH IDEAS
スライダーを動かすと、課題から実装へ、言葉の奥行きの中を進みます。
※ ここに並ぶのは、表現を試すためのコンセプトデモです。制作実績ではありません。
取り入れる場合はカスタム 11,000円〜(税込) 料金を見る











