参考デザイン
design

立体的な動きが印象深いコーポレートサイトのデザイン例

https://www.s-tright.com/
Design Review

デザイン解説

マウスの動きに合わせ、カラフルなドットが立体的に動くトップページ。そのアニメーションに合わせ、キャッチコピーもリアルタイムにタイピングするような動きで表現されており、テクノロジーの企業であることが上手く表現されている。

スクロールしていくと下層ページへの導線も同じく、マウスの動きに合わせて要素が追従するように動く。フォントもすっきりと読みやすく、流星群のようなアニメーションやデザインをカスタマイズされた埋め込みGoogleマップなど、未来的な印象を受ける。

サイト全体を通して、蛍光色のボタンパーツや星空の写真など、デザイン要素に統一感がある。画面右上のハンバーガーメニューは一般的なものと違い斜め線になっているが、クリックしてみると画面を切り込むようにメニューが開く。メニューはスプリットスクリーンレイアウトで見やすい。

Web制作のスキルを文字ではなくデザインで雄弁に語るサイトだ。

編集者の採点

こちらのホームページは弊社の制作実績ではありません

掲載会社の情報

会社名Tright株式会社
業種ホームページ制作会社
URLhttps://www.s-tright.com/
住所東京都品川区東五反田3-5-9
CONTACT

ホームページを作りたいけど何を相談したら良いか分からない方、まずは費用だけでも知りたい方、
お気軽にご相談ください。まずはあなたのお悩みや相談内容をお聞かせください。