x-fitを通して作成したデモサイトです。
タッチインターフェイスに最適化された立地なUIの動作をお試しください。

クロス生命（解説）

解説

生命保険サイトのデモです。

直接スマホでご覧になりたい方は下記リンクをご利用ください。

複数の画像,文字をスライドさせて表示しています。

ナビゲーションアイコンを均等配置しています。

タブを使ってより多くの情報を同じスペースに表示できます。

折りたたみメニューです。コンテンツが縦長にならないようにしています。

インジケータ付きのカルーセルです。

見積もりページでは、Tabを使用し、それぞれのSTEPをページ遷移せずに表示しています。

入力フォームをTabにて表示させています。コールバック関数を指定することで上部のインジケータ部分のスタイルを切り替えています。

スイッチを利用してアプリ風のリッチな選択ボタンを表示しています。

画像を使ったチェックボタンです。

Radioを利用してラジオボタンのタッチできる範囲を広げています。Checkとは違い複数選択はできません。

『x-fit』（クロスフィット）に関するご質問や、[評価版]のお申込み、[資料請求]等は以下よりお問い合せください。