Member card
スタッフなどMemberの紹介などによく利用されるカードです。
WEB決済について
ショッピングサイト以外にも、有料の会員制サイトでの会費の支払いで、お支払い決済機能を必要とする場合などがあります。
決済連携機能は、銀行振込などでは必要とはしませんが、クレジットカード決済ではカード-会社との連携が必須となります。
タグ クラウド／Tag cloud
タグ クラウドです。代表的なデザインを３つご紹介します。
動画再生 -基本
動画再生の基本です。
YouTube動画にも対応しています。
PowerPoint－連携
One driveに保存したPowerPointと連携しています。
ご自身で、ファイルを編集更新すると、ホームページにも自動的に反映されます。
画像マウスオーバーアニメーション効果
写真など画像に対して、設定によりマウスホバー時のアニメーション効果を適用できます。
拡大鏡
写真を虫眼鏡で拡大表示します。大きなサイズの写真を用意してください。
サンプルでは、2560x1920pxのサイズの写真を使用しています。
デュアルボタン
二者択一を明確にしたボタンです。
２つのボタンを一体化して制作しています。
＊DEMOにつき、ボタンは機能しません。
フリップボックス
マウスをホバー又はクリックするとボックスの内容が変化します。
ページスクロールコントロール２
ページ内でのセクションでの縦スクロール機能です。
ページをスクロールしてみてください。
メディアカタログ
写真や動画などのメディアをグリッドでカタログ表示します。
すりガラス効果
Glass Morphism Effectとも呼ばれている技術です。
すりガラス効果のことです
結髪
Fadel効果のスライダーです。
腕時計1
腕時計をテーマにした、デザイン応用例です。
目次機能
長文に適したI目次機能です。
スライダー -動画カタログ 2
画像及び動画を混在して、スライド（カルーセル）表示します。
選択した画像あるいは動画は、ページ内に表示されます。
バナー表示２
15種類のアニメーションを伴うバナー表示機能です。
イメージや商品などの表示にお勧めです。
フリップボックス バナー表示
フリップアニメーションを伴うバナー表示機能です。
イメージや商品などの表示にお勧めです。
テキスト開始アニメーション
テキストの開始アニメーションです。
ページが表示されるとき、1回だけ動きます。
Hover Video Box
マウスをボタン上に重ねる（ホバー）ことにより、ビデオ表示が変化します。
*ボタンのクリックはサンプルにつき機能しませんが、メニューとしての応用も可能です。
文字デザイン(枠付きネオン）
テキストにネオン効果を適用しています。
ネオン装飾
文字やボタンをネオン効果で装飾します。
Hover Box２（Woman2）
マウスをホバーさせることにより、画像が変化します。
*DEMOではボタンは機能しませんが、メニューとしての応用も可能です。。
価格カード
価格カードの機能制作例です。
価格以外の表示をして、各データカードとしての利用にもご利用いただけます。
サークル メニュー
アイコンを円形に配置したデザインです。
メニューなどに応用できます。
*ページに記載のあるボタンは、DEMOのため制作しておりません。