WORKS：KRAFT サイト制作（コーポレートサイト）

「KRAFT」は、Webサイト・LP制作・Webデザインなどのサービスを提供するWeb制作ブランドとして立ち上げたコーポレートサイトです。
初めて依頼を検討する方にも、サービス内容や実績を分かりやすく伝え、 安心して相談してもらえることを目指しました。

ターゲット：Webサイトやランディングページの制作を検討している企業担当者、 個人事業主、フリーランスなど、 Web制作の依頼先を探している方。

KRAFTのサービス内容・制作実績・問い合わせまでを一つの流れで整理し、 依頼を検討する方が必要な情報を確認しながら、 スムーズに相談へ進めるサイトとして設計しています。

［課題］

• 実績や技術力だけでなく、「安心して任せられる相手かどうか」を 短時間で伝えることが課題でした。
• 制作者本人の姿勢や対応力が伝わり、安心して相談できる印象をつくる必要がありました。

［解決］

• ファーストビューで「KRAFT」というブランド名と、 提供できるサービス内容を簡潔に提示し、サイトの目的を即座に理解できるようにしました。
• サービス紹介・実績紹介・問い合わせを一つの導線でつなげ、 依頼を検討している方が迷わず行動できる構成としています。
• 過度な装飾を避け、情報の見やすさと信頼感を優先したミニマルなデザインを採用しました。

［制作結果］

• 個人での活動をKRAFTというブランドに整理し、対外的にサービスを提示できるコーポレートサイトとして構築しました。
• サービス・実績・問い合わせを一つの導線に整理し、依頼検討者が必要な情報を確認しやすい構成を実現しました。

［担当・技術］

• 担当範囲： サイト構成 / UI設計 / Webデザイン / コーディング / 問い合わせ導線設計
• ブランディング： 「KRAFT」のロゴ・カラー設計
• 使用技術： HTML / CSS / JavaScript / WordPress

安心して依頼できる存在になる。

KRAFTは、これまでの実績・スキル・仕事に対する姿勢を、一つのブランドを通して伝えることを大切にしています。

そのため、サイト全体を華美に装飾するのではなく、 サービス内容と実績がまっすぐ伝わるシンプルな構成を選択。 「頼みやすさ」と「信頼感」を両立させる方向で設計しました。

サービスのキーワードは「丁寧」「分かりやすさ」「一緒につくる」。 依頼から完成まで、安心して相談しながら進められる存在であることを伝えることを目指しています。

■ ファーストビュー

• 「KRAFT」のロゴとキャッチコピーを明示
• 提供できるサービス内容を短いコピーで直感的に伝える

■ サービス紹介

• Webサイト制作・LP制作・コーディングなど、依頼できる内容を整理
• サービスごとの特徴を簡潔にまとめ、依頼のイメージを持ちやすく設計

■ 実績紹介

• これまで制作したサイトの実績へつながる導線を用意
• 実績を確認してから依頼を検討できる流れを設計

■ お問い合わせ導線

• 依頼・相談をしやすいよう、問い合わせページへの導線を明確化
• フォームの手前に依頼の流れを添え、問い合わせのハードルを下げる構成

• HTML / CSS
• JavaScript（UI・インタラクション制御）
• WordPress
• レスポンシブ対応（PC・スマートフォン）
• SEOを意識したメタタグ・OGP設計
• Googleタグマネージャー（GTM）による計測タグ管理
• Google Analytics（GA4）によるアクセス解析
• お問い合わせフォームの実装
• ファーストビュー動画の容量最適化

• 「KRAFT」のロゴを軸にしたブランドカラー設計
• 信頼感を重視し、過度な装飾を避けたミニマルなレイアウト
• サービス内容・実績・問い合わせへ迷わず進める情報設計
• PC・スマートフォンの両方で見やすいレスポンシブ構成

今回は自分自身のサイトということもあり、「見せるためのサイト」ではなく「依頼したいと思ってもらえるサイト」を目指して制作しました。
また、デザイン性だけを優先するのではなく、実際の閲覧環境を考慮し、スマートフォンでの見やすさや表示速度にも配慮しています。
ファーストビューで使用する動画についても、容量を抑えるなど、ビジュアルとパフォーマンスのバランスを意識しました。

個人として活動してきた実績を、KRAFTという名のもとで 改めて整理し直すことで、今後の依頼につながる窓口としての役割を持たせています。

今後も実績を積み重ねながら、KRAFTというブランドを 継続的にアップデートしていける構成を意識して設計しました。