poporpop
-想像を超えるポップをつくるコンテンツ制作会-
1. 概要
poporpop は、株式会社poporpopの公式ウェブサイトです。このサイトは、企業や店舗のウェブサイト制作、グラフィックデザイン、プロモーションサポートなどを手掛ける同社の事業内容を紹介し、問い合わせを促すことを目的としています。
2. 構成
トップページは、縦長の一枚ページ構成で、スクロールすることで会社の情報が次々と現れるようになっています。セクションごとに背景色やレイアウトが変化し、単調さを感じさせません。ヘッダーには会社名とメニューが配置され、フッターには会社情報やSNSリンクがまとめられています。
3. FV（ファーストビュー）
大きく「poporpop」の文字と、カラフルなボールが浮遊しているようなアニメーションが配置されています。遊び心のあるデザインと動きで、見る人に強い印象を与え、スクロールを促す工夫がなされています。
4. テイスト
全体的にポップで遊び心のあるテイストです。カラフルな配色と、丸みを帯びた図形や動きのあるデザインが多用されており、親しみやすく、楽しい雰囲気を演出しています。
5. コンセプト
「創造性をポップに、シンプルに」というコンセプトが感じられます。複雑な情報を視覚的に分かりやすく、かつ楽しく伝えることで、デザインやクリエイティブに馴染みのない人でも、気軽にサービスに触れられるような設計になっています。
6. ターゲット
個人事業主や中小企業など、ウェブサイトやデザインに初めて挑戦する人々を主なターゲットとしていると考えられます。また、個性的でクリエイティブなデザインを求めている層にも訴求する内容です。
7. 見出し
シンプルで太めのゴシック体フォントが使用されています。見出しの背景には、丸みを帯びたシェイプや、単色ではなくグラデーションが使用されており、ポップな印象をさらに強めています。
8. あしらい
カラフルな丸や四角の図形、グラデーション、そして遊び心のあるアニメーションが随所に使われています。特に、スクロールに応じて動く要素や、ホバー時に変化するボタンデザインなどが、ユーザーの興味を引きつけます。
9. フォント/配色/余白
フォント:
日本語には丸ゴシック体、英語にはサンセリフ体が主に使われています。視認性が高く、サイト全体のポップな雰囲気に合致しています。
配色:
パステルカラーからビビッドな色まで、非常にカラフルな配色が特徴です。セクションごとに異なる色が使われており、メリハリがついています。
余白:
各要素間に十分な余白が確保されており、情報がすっきりと整理されて見えます。余白を適切に使うことで、カラフルなデザインでもうるさく感じさせません。
10. まとめ
poporpop は、そのカラフルでポップなデザインを通じて、親しみやすく、創造的な会社のイメージを効果的に伝えています。ターゲット層であるデザイン初心者や中小企業に安心感を与えつつ、サービスへの期待感を高める工夫が随所に凝らされています。特に、動きのあるデザインや、遊び心のあるあしらいは、サイトのコンセプトを強く反映しており、ユニークなブランディングだと思いました。