できること

  • フォントと画像を埋め込んだ HTML ファイル 1 つ(ネットワーク通信なし)
  • シェーダーのヒーロー、クライアントのマーキー、スタジオの帯、ずらして並ぶ作品グリッド、検索できるプロジェクト一覧
  • 事例ごとのページに加え、ジャーナル、プライバシー、利用規約、404 の画面
  • サービスのタブ、通貨切り替え付きの契約プラン、見積もり、チーム、FAQ、プロジェクトのブリーフのフォーム
  • 任意:クレジットの見積もり後に PopNow で生成する、スタジオ、事例、チームの写真と、事例カードのループ

向いている用途

  • デザイン、ブランディング、Web、モーション、3D のスタジオ
  • 見せられる実際のプロジェクトがあるフリーランスや小さなコンサルティング会社
  • 落ち着いたプレミアムなポートフォリオを求める建築やインテリアの事務所

向いていない用途

  • オンラインストア、またはダークでネオンの強いブランド
  • 見出しの後ろに写真や動画が必要なページ
  • 見せられる完成作品がないサイト

使い方

Claude・ChatGPT で

PopNow のスキル「シェーダーのヒーロー付きの代理店サイト」(creative-agency-website)を使って、次のことをしてください:ポルトにある 4 人のブランド・Web スタジオ Quarrow のサイトを作って。プロジェクトは、陶器ショップのリローンチ、フェリーの時刻表アプリ、パン屋のアイデンティティ。契約は Sprint、Launch、Retainer。

コーディングエージェントで

/popnow-creative-agency-website ポルトにある 4 人のブランド・Web スタジオ Quarrow のサイトを作って。プロジェクトは、陶器ショップのリローンチ、フェリーの時刻表アプリ、パン屋のアイデンティティ。契約は Sprint、Launch、Retainer。

次はこれ

何か生成する前に、3 つの事例の写真とチームのグリッドの見積もりを出して。

フェリーの事例カードのヒーロー写真から、ゆっくりした動画のループを作って。先に価格を教えて。

用意しておくもの

  • スタジオ名、一文のポジショニング、拠点の都市、連絡先
  • 2〜6 件のプロジェクトと、ブリーフ、やったこと、ひとつの計測できる成果
  • サービス、クライアントが依頼する方法、率いる人々
  • 任意:PopNow API キーか、自分のスタジオとプロジェクトの写真

似ているスキル

すべて見る →

よくある質問

シェーダーでページが重くなりませんか?

解像度を下げ、ピクセル比を上限で抑えて描きます。ヒーローが画面から出たときやタブが隠れたときは止まり、動きを減らす設定では静止した 1 フレームを表示します。同じ見た目の CSS 版が下に敷かれているので、WebGL がなくてもページは完成して見えます。

PopNow はここで何を生成しますか?

スタジオの帯、各事例、チームの写真を、すべてひとつのアートディレクションでそろえて作ります。加えて任意で、事例カードのひとつの静止画の代わりになるゆっくりしたループも作れます。ヒーロー自体はコードで、何も必要ありません。すべての実行はクレジットで見積もり、あなたが同意してから始まります。

PopNow API キーなしで使えますか?

使えます。同梱のスタジオ写真は新しい名前の代わりの素材として残せます。事例の素材は、各クライアントの色の CSS パネルにできます。見積もりにはイニシャルのアバターを使えます。スキルは、まだ本物の写真が必要な枠を一覧にします。

オレンジのアクセントは変えられますか?

はい。いくつかのトークンとシェーダーの色のプリセットで変えられます。ページはひとつのアクセントを保ち、紫系の色は避けます。これはバリデーターが確認します。プロジェクト内のブランドの DESIGN.md は、それらのトークンに対応づけられます。