発表された当時は、テンプレートや事例が少なく、またエディタも英語のみだったので、手を出しにくい...と思われた方も多かったと思います。Xを活用したフルレスポンシブ対応のサイトが増えていきそうで楽しみですね。Xを使ってみたい!」、「ノーコードでどこまで行けるのか知りたい!」という方のために、海外サイトの事例やハイクオリティーなテンプレートを紹介していきたいと思います。Xでのサイト作成は終了しました。Studio」での作成が可能です。Xのような完全レスポンシブ対応のプラットフォームですが、よりパワフル、また使いやすくなったプラットフォームです。studioについては、こちらの記事を参照ください。Xのどのような機能を使用しているのかも簡単にご紹介しますので、参考にされてください。Studioここのサイトでは、ビデオボックス・スティッキー・CSSグリッド・インタラクションの機能を活用しています。サイト自体とてもダイナミックで、文字が重なるような動作がとてもスタイリッシュでかっこいいイメージを持たせますね。Xここのサイトでは、スティッキー・Velo・ヘッダースクロールエフェクトの機能を活用しています。背景の動作やキャラクター・ベクトアートの動きがイキイキしており、言語も簡単に変更できる便利なサイトになっています。Cannabisここのサイトは、ネットショップを導入しており、スティッキー・インタラクションの機能を活用しています。横に流れるテキストや商品を横スクロールで表示したりしており、シンプルで使いやすいだけでなく、サイトに訪問するユーザーが見て楽しめる作りになっています。Co.ここのサイトでは、プロギャラリー・CSSグリッド・インタラクションの機能を活用しています。ここでも、横に流れるテキストを使用して、動きを出しています。TOPページから他のページへ誘導するテキストも、インタラクションを使用してホバー時に動きや色の変化を出してダイナミックかつシンプルで見やすくなってますね。Xがでた当初は、テンプレートの数も限られていたのですが、最近からテンプレートが新たに追加されていますので、テンプレートを使って中身を変えるとかっこいいサイトが誰でも作れちゃいます。Xのテンプレートの中には、Wixエディタでも使用していたパーツを組み合わせてスタイリッシュな動きを出しているテンプレートもあります。私が実際に気になって、中身を色々触ってみたテンプレートをご紹介していきながら、特に注目したポイントを挙げていきます。スパ・ビューティー向けテンプレート参照元:Wix機能:パーツ位置固定、オンライン予約、プロギャラリー、フォーム注目ポイント:私が個人的に注目したポイントとして、「メニューバー」。メニューボタンをクリックすると、左側からメニューがリヴィールされる仕組みになっていてスタイリッシュですよね。実際どのような仕組みになっているか見ると、メニューボタンはシェイプと透明のボタンを使用しており、クリックするとライトボックス(メニュー)が出てくるという作りのようです。ヘッダーの部分にライトボックスを乗せて、ピン留め(パーツ位置固定)することで、スクロールしても表示されます。実際に、白紙からサイトを作成する際に使ってみたい技ですね!企業向けテンプレート参照元:Wix機能:グリッド、スタック、パーツ位置固定、テキストスケール注目ポイント:私が注目した点としては、「ボックスのスライドアップ」ここでさらに注目できるのは、ボックスのスライドアップだけではなくて、見出しのテキストも固定されていることです。ボックスだけがスライドアップされてもタイトルテキストが見えないとわかりにくいですが、この表示の方法だととてもユーザーにも優しいですよね。仕組みとしては、タイトルテキストとボックスが同じセクションに設置されているようです。セクションをさらに二つに分けてスティッキー機能を使ってボックスのスライドアップを再現しています。細かい説明をここですると長くなってしまうので、別のブログでボックスのスライドアップの方法をご紹介したいと思いますので、ぜひチェックしてみてください♪まとめいくつか海外の事例とテンプレートをご紹介してきました。Xでこんなこともできちゃうんだ!!と記事を読みながら感動した方も多いと思います。エディタと違う面白さがありますよね。テンプレートで様々な機能をみて、組み合わせて使ってみるといいかもしれません。Xでのサイト作成は終了しました。Studio」での作成が可能です。Xのような完全レスポンシブ対応のプラットフォームですが、よりパワフル、また使いやすくなったプラットフォームです。studioについては、こちらの記事を参照ください。「ブランディングからサイト公開まで全て任せたい!」という方に注目!弊社ブランドバディーズは、Wixパートナープログラムに登録しており、パートナーの最高レベル「レジェンド」レベルのWix制作会社です。弊社は、情報を頂いてサイト制作をするだけではなく、ブランディングを導入したサイト制作なのが特徴的ですので、集客に力を入れたい方や認知度を高めたい方におすすめです。現在1時間無料でWixに関するご相談を受け付けておりますので、お気軽にご相談ください。wixジャーニーマップをダウンロード!オンラインとオフラインでメディア戦略を立てるときにご利用ください。