性格相性診断サイト

■デザイン

| コンセプト |

今風の宇宙空間をイメージしたデザインとなっております。

スマートフォン特化のデザインを行い直感的な操作が可能なアプリケーションを実現しました。

| カラー |

メインカラー         ■ #010000

サブカラー            ■ #F9FAFA

アクセントカラー   ■ #F5D27E

■構成

| ドメイン |

ドメイン         sindan.web-next.cloud

| SSL証明書 |

Let's Encrypt    https://letsencrypt.org/ja/

■特徴

| バックエンドレスアプリケーション |

本アプリケーションはPHPやデータベース等のバックエンド技術を使用せず構成されております。

処理は、入力されたパラメーターをクエリパラメーターとしてJavaScriptにて処理を行い相性測定を行なっております。

また、バックエンドレス構成により様々な環境で動作すると共にサーバーへの負荷を軽減し高速な処理動作を実現しております。

| LINE連携機能 |

本アプリケーションはLINE連携機能を搭載しております。

通常のLINE共有機能では静的URL指定しか出来ない為、「LINE URLスキーム」機能を使用し 結果に応じたクエリパラメーターを含む動的に実装いたしました。

| 動的グラフ描写 |

本アプリケーションは診断結果を直感的に読み取れるようレーダーチャートにて表示を行なっております。

レーダーチャートは「chart.js」ライブラリを使用し結果に応じて動的に描写しております。

■その他

| サイト用ロゴ制作 |

メインカラーの「■ #010000」をベースに惑星をイメージしたシンプルなロゴデザインになっております。

戻る