Pet Supply Shop
スライダーの応用例です。
ユニゼロワングループ
DEMO①
このページについてのお問合せは、照会番号でお願いします。
e-mail:office@uni-01.com
照会番号：DEMO1-
DEMOサイト(https://demo1.uni-01.com/)では、実際にNET上で機能をご紹介していますので、ご確認の上、ホームページ制作お申込みの参考にしてください。
ご紹介しているDEMOページは取り扱い機能のごく一部です。
ユニゼロワンではあらゆるご要望に対応できるように開発を続けていますので、DEMOページに無い機能でもご遠慮なくお問合せください。
気になるタイトルをクリックして、各機能のDEMOページへお進みください。
機能紹介記事は、お客様からのお問合せやご要望に応じて不定期に追加されます。
スライダーの応用例です。
ポップアップで詳細を表示します。
写真の加工を含む実験制作デザイン例です。
One driveに保存したPowerPointと連携しています。
ご自身で、ファイルを編集更新すると、ホームページにも自動的に反映されます。
プロジェクトの進捗状況を視覚的に表現できます。
初回表示時のみアニメーションします。
フッターは本文コンテンツの下に隠れており、スクロールすると現れます。
文字、アイコン、画像などをスィッチにして、表示を入れ替えます。
VRビデオの再生です。サンプル素材はYouTubeのVR動画を利用しています。
マウスでドラッグすると360°見渡せます。
ショッピングサイト以外にも、有料の会員制サイトでの会費の支払いで、お支払い決済機能を必要とする場合などがあります。
決済連携機能は、銀行振込などでは必要とはしませんが、クレジットカード決済ではカード-会社との連携が必須となります。
Zoomとは、Zoomビデオコミュニケーションズが提供するオンライン会議サービスです。
【Zoom編】
基本画像スライダーです。
【Zoom編】
基本画像スライダーです。
マウスカーソルを重ねるとアイコンがアニメーションします。
画面の端にアイコンで表示されるメニューです。
FAQとは、Frequently Asked Questionsの略語で、「よくある質問」と訳され、WEBページでもよく利用されています。
このページでは、太陽系の紹介にFAQでよく利用されるアコーディオン機能を利用してみました。
Q＆Aページ等によく利用されます
時間の経過でアニメーションする画像を何枚か重ねたセクションです。
ホームページ上に、自動集計するアンケート・投票機能を設置できます。
クリックやマウスホバーに対応して、イメージ（画像）が拡大表示されます。
エステサロンのデザイン例です
再生するとおとが出ますのでご注意ください。
ショッピングサイトを構築するお勧めの方法です。
UNICORNの「お問合せ」フォーム機能は、多機能です。
マウスのカーソルを、任意の画像やアイコン、文字などに変更することができます。
設定した数までのカウントアニメーション表示する機能です。
「販売総数 合計・・・」などの利用法が考えられます。
Experience Music Events 0+ Events Organized 0K+ Attendees 0+ Artists Featured Immerse yourself in a world of m
カウントアップは初回表示時のみアニメーションします。
セットされた事項までのカウントダウンを表示します。
設定日時までのカウントダウン表示をします。
イベント予告などにお勧めです。
カフェ・レストランのデザイン例です
ダークモード機能をさらに拡張しており、各種カラー設定を切り替えることができます。
ユーザーに対して使用を明示する機「Cookie Consent」です。
特にEU圏内においては必須事項となっています。
アイテム（子猫）をクリックすると、設定した音（鳴き声）が鳴ります。
クリックすると、設定した任意の効果音が再生されます。
マウスホーバーで再生する設定も対応しています。
この機能ではコンテンツやセクションをマスクして一部だけを表示し、クリックすると残りの100%（全体）を表示します。
アイコンを円形に配置したデザインです。
メニューなどに応用できます。
*ページに記載のあるボタンは、DEMOのため制作しておりません。
クリックすると円形状に展開するメニューです
スマートフォン表示に特化したメニュー機能です。
PCでも表示することもできますし、PCでは任意の別メニュー機能を設定することも可能です。
Fadeに似ていますが、ぼやけた効果で画像をスライドします。
ランダムに複数の特殊なスライダー機能で画像を表示します。
ダイナミックなズームインで画像をスライドします。
下方向に引き伸ばして画像をスライドします。
Twirl（渦巻状）に画像をスライドします。
特殊変形(Wrapping)で画像をスライドします。
横方向の画像スライド効果です。
流れるような画像のスライド表示です。
Streamlined Healthcare Access in Three Simple Steps How do I search for a clinic near me? Enter your location
マウスを合わせると自動スクロールします。
Discover the Dynamic Minds Shaping InnovateHub Solutions Senior HR Executive UI/UX Designer Chief Marketing Of
3Dで流れるようなスライドです