Product Design

プロダクトデザインスタジオ向けの1ページ構成テンプレートです。サービス、制作事例、進め方、お客様の声、連絡先を掲載し、創業者やプロダクト責任者…

登録は無料で、50クレジットが付いてきます。お店や会社の名前と詳細を入力すると、公開前にすべてのページがそれに合わせて書き直されます。

Product Design、デスクトップ幅での最初の画面
スマートフォンで見たProduct Design

Product Designの概要

種類
ウェブサイトのテンプレート
ページ
1
ホームページ
6セクション
フォーム
まだありません
制作者
Briksチーム
プラン
Freeを含むすべてのプラン
更新日
2026年10月25日

含まれるもの

  • 6個のセクションがあるホームページ
  • 存在しないアドレス用のページで、ヘッダーとフッターは同じです
  • フォームはまだありません。サイトがお客様のものになったら、普通の言葉で依頼してください
  • スタジオの人物写真と描き起こしのイラストを使ったヒーロー
  • プロダクト戦略、インターフェースデザイン、デザインシステムを挙げたサービスのセクション
  • 描き起こしのプロダクト画面を使った4つの制作事例
  • 名前を明記したクライアントの声
  • ヒアリング、定義、プロトタイプ、引き渡しの4ステップで構成する進め方のセクション
  • 数字をまとめたセクション、スキルの内訳、連絡先のセクション
  • 全体で動作する行動喚起ボタン

こんな方に向いています

Product Design は、次のような業種向けのウェブサイトテンプレートです: プロダクトデザインスタジオ、デザインエージェンシー、UXコンサルティング会社、ソフトウェアスタジオ。

このテンプレートは、1ページで複数の役割を果たしたいと考える、独立系のプロダクトデザインスタジオに向いています。最初に、製品をデザインする人を親しみやすく紹介し、その後に提供サービス、これまでに公開したプロジェクト、過去のお客様の声、プロジェクトの進め方、スタジオの概要へと続きます。

このページには4つの制作事例を掲載します。各事例には文章による概要と、製品そのものを描いた図があるため、来訪者は主張の羅列ではなく、どのような成果が得られるのかを具体的に見ることができます。シンプルなステップ形式の進め方のセクションでは、スプリントで何が行われるかを示し、スタジオの経験を裏付ける少数の確かな数値を掲載し、スキルの内訳ではスタジオの強みがどこにあるかを示します。

サービスは、それぞれ単独で依頼できるように一覧で掲載します。最後には連絡先のセクションと行動を促すボタンを置きます。ナビゲーションのリンクをクリックすると、ページの各部分へスクロールします。404ページでも、同じヘッダーとフッターを表示します。

Product Designを自分のものにする方法

  1. 「Use this template」を選んでください。

    無料でサインアップまたはサインインして、プロジェクトに名前を付けてください。サインアップすると50クレジットがついてきます。

  2. あなたのビジネスについて教えてください

    必要なのは名前だけです。内容、メール、電話、住所、載せたいリンク、そのほか伝えたいことを追加できます。空のままにしたプロフィールはサイトから外されます。

  3. 画像をそのまま使うか、合わせて調整するか

    画像はそのまま残すか、“Fit my business” を選びます。選ぶと、相手の事業そのものを写した画像が入れ替わります。まず画像ライブラリから探し、見つからなければ新しく描きます。

  4. “Make it mine” を選びます

    すべてのページ、検索用の情報、構造化データ、法務ページ、画像の説明文をお客様のビジネスに合わせて書き直し、他のビジネスの情報が残っていないか、すべてのセクションが正しい位置にあるかを確認します。公開は、書き直しの後に一度だけ行われます。

ご自身用に仕上げる場合、作業中は5クレジットが確保され、作業にかかった分だけが請求されます。使われなかった分は戻ります。ご自身で進めたい場合は、「Copy it as it is」を選び、あとから普通の言葉で変更を依頼してください。

Product Designについての質問

これは複数ページのホームページですか?

いいえ。1ページだけで、ナビゲーションのリンクからページ内の各部分へスクロールします。すべてが1ページのスクロールの中にあります。

制作事例のセクションには何が表示されますか?

4つのプロジェクトを掲載し、それぞれに課題と結果の短い文章による概要を添えて、製品のインターフェースそのものを描いた図を並べます。

デザインスタジオ以外の事業でも使えますか?

使えますが、文章はプロダクトデザインスタジオ向けに書かれているため、公開前にご自身の事業向けに書き直す必要があります。

写真はどうなりますか?

テンプレートに付属する写真とイラストを残すことも、ご自身の人物や製品の写真に差し替えることもできます。

Product Designを使うには、どのプランが必要ですか?

どのプランでも可能です。Freeも含まれます。Freeではプロジェクト1つ分の余裕があり、登録時に50クレジットが付きます。独自ドメインで公開するには、Starter以上の有料プランを選んでください。

Product Designを自分のものにすると、何が変わりますか?

対象のビジネスを示す言葉やディテールのすべてです。各ページ、検索用の情報、構造化データ、法務ページ、画像の説明が含まれます。レイアウト、セクション、スタイル、動きはそのままです。

使う前にProduct Designを見られますか?

はい。プレビューを押すと、訪問者に見えるとおりに、ページごとに新しいタブで開きます。送信された内容を受け取る人がいないため、フォームはここでは送信されません。

Product Designを自分らしく仕上げる

公開前に、すべてのページへあなたのビジネスの名前、言葉、詳細が入ります。レイアウト、セクション、見た目はここで見ているままです。

このテンプレートを使う