
1. 概要
nn9.jpは、ナンバーナイン株式会社の公式ウェブサイトであり、主にホームページ制作サービスを提供しています。サイト全体は、WORKS(制作実績)、SERVICE(提供サービス)、PRICE(制作費の目安)、MEMBER(働く人)、お問い合わせのセクションで構成されており、サービス内容、実績、料金体系、会社情報、そして問い合わせ方法をスムーズに理解できるよう設計されています。
2. 構成
ヘッダー、メインビジュアル、WORKS、SERVICE、PRICE、MEMBER、お問い合わせ、フッターという明確なセクションで構成されています。各セクションは視覚的に区切られ、ユーザーが目的の情報にアクセスしやすいように設計されています。特に、WORKSセクションでは制作実績がカルーセル形式で表示され、SERVICEセクションでは提供サービスが箇条書きで分かりやすくまとめられています。PRICEセクションでは、小規模サイト、WordPress構築サイト、中規模CMSサイト、ランディングページ、WEB運営サポートといった具体的な料金プランが表形式で提示されており、非常に分かりやすい構成です。
3. ファーストビュー(FV)
手書き風のイラストが特徴的です。オーバーオールを着た可愛らしい女の子のイラストが中央に配置され、その横には「いいWEBツクル!」というキャッチコピーが大きく表示されています。全体的に白を基調としたシンプルな背景に、イラストの暖色系の色がアクセントとなっており、親しみやすく、やわらかい印象を与えます。ロゴマークもシンプルながらも特徴的で、視覚的に記憶に残りやすいデザインです。

4. テイスト
「親しみやすさ」と「安心感」を前面に出しています。手書き風のイラストや、丸みを帯びたフォントの使用、そして全体的に明るく柔らかな色使いが、堅苦しくない、 approachable な印象を与えます。特に、MEMBERセクションのメンバー紹介写真も、親しみやすい表情で、会社の雰囲気を伝えています。プロフェッショナルでありながらも、ユーザーに寄り添う姿勢がデザイン全体から感じられます。
5. コンセプト
「適度なゆるさ」と「親しみやすさ」を大切にしていると、自社サイトのリニューアルについての記載(WORKSセクション内)で明言されています。子どもやイラストを取り入れたデザインに反映されており、訪問者が「ほっこり」するような体験を提供することを目指しています。堅苦しいビジネスサイトではなく、ユーザーが気軽に相談できるような、温かい雰囲気作りが重視されています。
6. ターゲット
特にウェブサイト制作を検討している中小企業や個人事業主、あるいは新規事業を立ち上げるスタートアップ企業をターゲットにしていると考えられます。専門的な知識がないユーザーにも分かりやすく、親しみやすいデザインにすることで、初めてウェブサイトを制作する際の不安を軽減し、気軽に相談できるような印象を与えています。


7. 見出し
セクションごとに「WORKS」「SERVICE」「PRICE」「MEMBER」といったシンプルな英語表記が採用されており、その下に日本語のサブタイトルが配置されています。フォントは全体的に丸みを帯びたゴシック体で、親しみやすい印象を与えます。特に、メインの見出しは大きく、視認性が高く、各セクションの開始を明確に示しています。見出しの下には短い説明文が添えられており、そのセクションの内容を簡潔に伝えています。
8. あしらい
手書き風のイラストやアイコンが多用されており、ファーストビューの女の子のイラストや、WORKSセクションの各実績に添えられたイラスト、SERVICEセクションの各項目に付随するアイコンなどが挙げられます。これらのイラストは、サイト全体の親しみやすい雰囲気を醸成し、視覚的な楽しさを提供しています。また、セクション間の区切りには、波線や曲線が用いられており、硬すぎない柔らかな印象を与えています。
9. フォント/配色/余白
フォント:
全体的に丸みを帯びたゴシック体が使用されており、親しみやすく、柔らかい印象を与えます。特に見出しやキャッチコピーには、太めのフォントが使われ、視認性を高めています。
配色:
白を基調とし、アクセントカラーとして黄色や茶色、水色などが効果的に使われています。メインビジュアルのイラストの水色や、フッターの黄色い波線などがサイト全体の明るく、ポップな雰囲気を演出しています。全体的に彩度が高すぎず、目に優しい配色です。
余白:
各セクションや要素間に十分な余白が確保されており、情報が詰め込まれすぎず、すっきりと見やすいレイアウトになっています。特に、テキストと画像の間に適切な余白があることで、コンテンツが読みやすく、視覚的な圧迫感がありません。


10. まとめ
nn9.jp(ナンバーナイン株式会社)のウェブサイトは、ターゲット層である中小企業や個人事業主が抱えるウェブサイト制作への不安を払拭し、気軽に相談できるパートナーとしての企業の姿勢を強く打ち出しているウェブサイトだと思いました。