FLUID STUDIO
デジタルデザインスタジオのポートフォリオ。ブランドシステム、モーションイメージ、モーションの実験に加え、各事例からプロジェクトの全容をご覧いただけます。
Loading preview...
1212 views
このプロンプトで始める
デジタルデザインスタジオのポートフォリオ。ブランドシステム、モーションイメージ、モーション実験を紹介し、各ケースからプロジェクトの詳細へ進めます。
Websites Agentを試す2019年からインターフェース、アイデンティティ、動画表現を手がける架空のデジタルデザインスタジオ、FLUID STUDIOのポートフォリオページを作成してください。オープニング画面には、スタジオが注力する分野として、デジタルデザイン、ブランドシステム、モーションイメージだけを一文で表示します。その下に、ブランドアイデンティティ、モーションポスター、モーション実験、インタラクティブプロトタイプを含む、スタジオの選定作品のケースグリッドを配置します。各ケースのカバーは訪問者がホバーすると動き出し、クリックすると詳細を展開します。詳細には、クライアントが持ち込んだ課題、スタジオのアプローチ、完成作品の動画展示、成果の数値を含めます。グリッドの後には、スタジオの理念と制作チームを紹介するセクションを置き、ページの最後にはスタジオ宛てのメールを送信するお問い合わせブロックを配置します。全体を通して、デザイン性の高いタイポグラフィと控えめな動きを維持してください。単一ファイルの静的ページ。
モーションラボを追加
ケースグリッドに加え、操作できるモーションラボエリアを追加します。スタジオのモーション実験を展示物から、訪問者が手に取って遊べるインタラクティブな作品へと変えます。
Websites Agentを試す2019年からインターフェース、アイデンティティ、動画表現を手がける架空のデジタルデザインスタジオ、FLUID STUDIOのポートフォリオページを作成してください。オープニング画面には、スタジオが注力する分野として、デジタルデザイン、ブランドシステム、モーションイメージだけを一文で表示します。その下に、スタジオの選定作品のケースグリッドを配置し、ブランドアイデンティティ、モーションポスター、モーション実験、インタラクティブプロトタイプ。各ケースのカバーは訪問者がホバーすると動き出し、クリックすると詳細を展開します。詳細には、クライアントが持ち込んだ課題、スタジオのアプローチ、完成作品の動画展示、成果の数値を含めます。グリッドの後には、スタジオの理念と制作チームを紹介するセクションを置き、ページの最後にはスタジオ宛てのメールを送信するお問い合わせブロックを配置します。全体を通して、デザイン性の高いタイポグラフィと控えめな動きを維持してください。単一ファイルの静的ページ。
ダークテーマに切り替える
サイト全体を、同じく控えめな動きを保ったダークギャラリースタイルに切り替えます。カバーはホバー時に引き続きアニメーションし、薄暗い展示ホールを背景に表示されます。
Websites Agentを試す2019年からインターフェース、アイデンティティ、動画表現を手がける架空のデジタルデザインスタジオ、FLUID STUDIOのポートフォリオページを作成してください。オープニング画面には、スタジオが注力する分野として、デジタルデザイン、ブランドシステム、モーションイメージだけを一文で表示します。その下に、ブランドアイデンティティ、モーションポスター、モーション実験、インタラクティブプロトタイプを含む、スタジオの選定作品のケースグリッドを配置します。各ケースのカバーは訪問者がホバーすると動き出し、クリックすると詳細を展開します。詳細には、クライアントが持ち込んだ課題、スタジオのアプローチ、完成作品の動画展示、成果の数値を含めます。グリッドの後には、スタジオの理念と制作チームを紹介するセクションを置き、ページの最後にはスタジオ宛てのメールを送信するお問い合わせブロックを配置します。 全体を通して、デザイン性の高いタイポグラフィと控えめな動きを維持してください。 単一ファイルの静的ページ。
サービスと料金を追加
お問い合わせブロックの前に、サービスパッケージと価格帯の概要を配置します。訪問者はまず共同作業の予算範囲を見積もり、その後スタジオへメールを送るかどうかを決められます。
Websites Agentを試す2019年からインターフェース、アイデンティティ、動画表現を手がける架空のデジタルデザインスタジオ、FLUID STUDIOのポートフォリオページを作成してください。オープニング画面には、スタジオが注力する分野として、デジタルデザイン、ブランドシステム、モーションイメージだけを一文で表示します。その下に、ブランドアイデンティティ、モーションポスター、モーション実験、インタラクティブプロトタイプを含む、スタジオの選定作品のケースグリッドを配置します。各ケースのカバーは訪問者がホバーすると動き出し、クリックすると詳細を展開します。詳細には、クライアントが持ち込んだ課題、スタジオのアプローチ、完成作品の動画展示、成果の数値を含めます。グリッドの後には、スタジオの理念と制作チームを紹介するセクションを置き、ページの最後にはスタジオ宛てのメールを送信するお問い合わせブロックを配置します。全体を通して、デザイン性の高いタイポグラフィと控えめな動きを維持してください。単一ファイルの静的ページ。
