FLUID STUDIO

2019年から活動する架空のデザインスタジオ。事例はホバーで動き出し、課題、アプローチ、動画による事例紹介、成果の数値を表示します。

Loading preview...

このプロンプトで始める

デジタルデザインスタジオのポートフォリオ。ブランドシステム、モーションイメージ、モーション実験を紹介し、各事例からプロジェクトの全容へ進めます。

モーションラボを追加する

事例グリッドに加えて操作できるモーションラボエリアを追加し、スタジオのモーション実験を展示物から、訪問者が触れて遊べるインタラクティブ作品へと変えます。

FLUID STUDIOというデジタルデザインスタジオのポートフォリオページを作成してください。2019年からインターフェース、アイデンティティ、動画表現を形づくってきた架空のスタジオです。オープニング画面には、スタジオが手がけるデジタルデザイン、ブランドシステム、モーションイメージだけを伝える一文を配置します。その下には、スタジオの代表作を並べた事例グリッドを配置します。内容はブランドアイデンティティ、モーションポスター、モーション実験、インタラクティブプロトタイプ。各事例のカバーは、訪問者がホバーすると動き出し、クリックすると詳細が展開されます。詳細には、クライアントが持ち込んだ課題、スタジオのアプローチ、完成作品の動画による紹介、成果の数値を含めます。グリッドの後には、スタジオの理念と制作を支えるチームのセクションを配置し、ページの最後にはスタジオへメールを送信できるお問い合わせブロックを置きます。タイポグラフィはデザイン性を意識し、動きは全体を通して控えめにしてください。単一ファイルの静的ページ。

ダークテーマに切り替える

サイト全体をダークなギャラリースタイルに切り替え、動きはこれまでと同様に控えめにします。カバーは引き続きホバーでアニメーションし、薄暗い展示空間を背景に表示されます。

Kimi Buildを試す

FLUID STUDIOというデジタルデザインスタジオのポートフォリオページを作成してください。2019年からインターフェース、アイデンティティ、動画表現を形づくってきた架空のスタジオです。オープニング画面には、スタジオが手がけるデジタルデザイン、ブランドシステム、モーションイメージだけを伝える一文を配置します。その下には、ブランドアイデンティティ、モーションポスター、モーション実験、インタラクティブプロトタイプを含む、スタジオの代表作を並べた事例グリッドを配置します。各事例のカバーは、訪問者がホバーすると動き出し、クリックすると詳細が展開されます。詳細には、クライアントが持ち込んだ課題、スタジオのアプローチ、完成作品の動画による紹介、成果の数値を含めます。グリッドの後には、スタジオの理念と制作を支えるチームのセクションを配置し、タイポグラフィはデザイン性を意識し、動きは全体を通して控えめにしてください。 単一ファイルの静的ページ。

サービスと料金を追加する

お問い合わせブロックの前にサービスパッケージと価格帯の概要を設け、訪問者がまず協業に必要な予算の目安を確認してから、スタジオへメールを送るか判断できるようにします。

Kimi Buildを試す

FLUID STUDIOというデジタルデザインスタジオのポートフォリオページを作成してください。2019年からインターフェース、アイデンティティ、動画表現を形づくってきた架空のスタジオです。オープニング画面には、スタジオが手がけるデジタルデザイン、ブランドシステム、モーションイメージだけを伝える一文を配置します。その下には、ブランドアイデンティティ、モーションポスター、モーション実験、インタラクティブプロトタイプを含む、スタジオの代表作を並べた事例グリッドを配置します。各事例のカバーは、訪問者がホバーすると動き出し、クリックすると詳細が展開されます。詳細には、クライアントが持ち込んだ課題、スタジオのアプローチ、完成作品の動画による紹介、成果の数値を含めます。グリッドの後には、スタジオの理念と制作を支えるチームのセクションを配置し、ページの最後にはスタジオへメールを送信できるお問い合わせブロックを置きます。タイポグラフィはデザイン性を意識し、動きは全体を通して控えめにしてください。単一ファイルの静的ページ。