Record / Web制作のいろは
サンプルサイトの第一歩「テーマを決めてみよう」
ポートフォリオに載せる「サンプルサイト」を作るとき、まず最初に悩むのが「どんなサイトを作ればいいの？」というテーマ選びかもしれません。 実はこのテーマ、自由に選んでOKです。 でも最初は、身近でイメージしやすいジャンルを選ぶと、作りやすくて続けやすいんです。
テーマ選びのポイント
- 身近なもの
- 架空でも現実にありそうなもの
- 自分の「好き」や「経験」に近いジャンル
はじめてにオススメのテーマ5選
カフェ・レストランのサイト（飲食）
カフェやレストランなどの飲食店サイトは、初心者でも取り組みやすい定番テーマです。
構成要素がシンプルで、実際のお店に近いサイトが作れます。
- トップページ：店舗の雰囲気を伝える写真と紹介文
- メニューページ：料理写真＋価格＋説明
- アクセス・地図ページ
- 予約やお問い合わせページ
写真の使い方や色の組み合わせを工夫することで、デザイン力も磨けます。店舗ロゴやSNSリンクなども加えれば、より本格的な仕上がりに。スマホ対応やレスポンシブもぜひ意識してみましょう。
ネイルサロン・美容室のサイト（サービス系）
美容系サービスのサイトでは、「美しさ」や「安心感」を伝えるデザインが求められるため、ビジュアル表現の練習に最適です。
- メニュー（施術内容・料金）
- スタッフ紹介
- 店舗のこだわりポイント
- 予約フォーム
- SNSやブログとの連携
女性向けのやわらかい色合い、清潔感あるフォント、ゆったりとしたレイアウトなどを意識することで、実案件に近い表現が学べます。季節ごとのキャンペーンやクーポン案内など、動きのあるコンテンツにも挑戦してみてください。
フィットネスジム・習いごと教室のサイト（ライフスタイル系）
ジムやスクール系のサイトは、情報量が多くなる傾向にあるため、情報設計力・レイアウト力を鍛えるのにぴったりです。
- 料金プラン
- 開催スケジュール（表やカレンダー形式）
- 講師紹介
- 体験申込フォーム
健康的・元気なイメージを表現するカラーや、アクティブな写真選びもポイント。利用者の声（口コミ）を載せたり、FAQを設けたりすると、より実践的な構成になります。ユーザーの「知りたいこと」を意識して設計してみましょう。
地域の観光案内サイト（地域・観光系）
実在する街や、架空の観光地をテーマにした案内サイトは、情報のまとめ方や構成力を磨くのに最適です。以下のような要素を盛り込んで作ってみましょう。
- 観光スポット紹介（写真＋説明文）
- モデルコースの提案（1日・半日など）
- ご当地グルメや特産品の紹介
- 地図やアクセス方法
- 年間イベントや祭り情報
複数ページ構成に挑戦しやすく、視覚的にもテキスト的にも情報量が多いため、読みやすく整理する力が身につきます。配色・フォント・余白など、見やすさに配慮したデザインが求められます。まるで観光パンフレットをWebで再現するような感覚で取り組める、楽しく学べるテーマです。
ペットショップ・動物病院のサイト（親しみやすいテーマ）
動物に関するサイトは、やさしさや安心感をデザインで表現することが大切です。ユーザーも幅広いため、誰にでもわかりやすく情報を伝える練習にもなります。
- サービス案内（診療内容、トリミングなど）
- スタッフ紹介（獣医やトリマー）
- 動物の写真ギャラリー
- お知らせやブログページ
色合いは淡め、フォントは丸みを持たせたやさしい印象のものがマッチします。小さな子どもや高齢の飼い主も使いやすいように、ボタンやナビゲーションの大きさにも気を配ってみましょう。