M4DESIGNS ホームページ

今ご覧になっているM4DESIGNSのWEBサイトです。WordPressで構築しました。

もちろんオリジナルデザイン。モノトーンを基調とし、ところどころに小さな遊び要素を加えました。

TOPページのメインビジュアル作りで一番遊びました。

モノトーンの玉はランダムに泳ぐものと、マウスカーソルを追いかけるものを共存させ、少し彩度をつけたマウスカーソルとマウスストーカー（カーソルを少し遅れて追いかける丸）でアクセントを。

カーソルを追いかけるモノトーン玉はカーソルとぶつかると、ランダムに散ります。

顔出しは抵抗あるので、鉛筆スケッチ風のモノクロプロフィール画。

プロフィール画像にマウスカーソルを合わせる（スマホならタップする）と、実写化します。

恥ずかしいから、押すなよ！押すなよ！
#上島風

メインのナビゲーションは悩みましたが、サイトレイアウトを邪魔しないようにハンバーガーメニュー&フルスクリーン表示に。

※ハンバーガーメニューとは漢数字の「三」みたいなのを押すと開くタイプのメニューのこと。
#てりやきバーガーとポテトじゃない

当然ながらレスポンシブサイトで、スマホ・タブレットでもきれいになるよう設計しました。