to topto bottom

モバイルファースト時代のマルチデバイス対応を確実・簡単に

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

クロス生命(解説)

解説

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

クロス生命 QRコード

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

スマホサイトはこちらから

トップページ

クロス生命トップ画面

RotateCarousel

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

Justify

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

Tab

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

SlideBox

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

Carousel

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

見積もりページ STEP1

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

クロス生命見積もり画面STEP1

Tab

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

Switch

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

CheckImage

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

見積もりページ STEP2

クロス生命見積もり画面STEP2

Radio

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

お問い合せ

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