当サイトでは、イラストアニメーションを多く使用し、楽しく、イメージがわかりやすいデザインにしています。
TOPのメインにイラストのアニメーションを入れました。WebDesign、GraphicDesign、Movie、Hobbyの4つのカテゴリーに分け、一定時間ごとに積み重なっていくループアニメーションにしました。ABOUTページのSERVICEでは、線画のループイラストレーションを採用し、イメージをシンプルにわかりやすく表現しています。
ヘッダーとフッターに遊び要素として、ロゴアニメーションを入れました。トップでは、CXG DESIGNのロゴが、作り上げられていく過程をアニメーションにしました。フッターでは、ロゴ内にトップメインのループアニメーションを小さく入れました。
また、ABOUTページのOFFICEのバックでは、ロゴがペンキやパズルなどの色々なアニメーションで表示されます。
どのアニメーションもLottieで作成しており、読み込みが早く軽いので、デザインに応じて色々なアニメーションに対応することができます。
