サイト

Betas株式会社｜ 自社サイト制作

URL https://betas.co.jp/

キャッチコピー 「Logic & Creativity」 進歩し続ける“未完の知性”を、洗練されたモノトーンで表現。

プロジェクト概要 「社会との共創」を掲げるデジタルクリエイティブカンパニー、Betas株式会社の公式Webサイトを制作しました。 エンジニアリング出身の「論理（Logic）」と、芸術的背景を持つデザインの「感性（Creativity）」という、相反する二つの強みが融合する企業カラーを表現。クライアントワークの受け皿としての信頼性を担保しつつ、企業のアイデンティティである「常にアップデートし続ける姿勢（＝Beta）」を体現するポートフォリオサイトとしての役割も担っています。

制作のポイント・こだわり

  • 理念を体現するミニマルな世界観 「完璧を待たず挑戦し続ける」という企業スタンスをストレートに伝えるため、装飾を削ぎ落としたミニマルなデザインを採用。白と黒を基調としたソリッドな配色で「論理的な堅実さ」を演出しつつ、余白の美しさで「クリエイティブな感性」を際立たせました。
  • ブランドアイコン「ペンギン」との調和 モノトーンの空間に愛らしいロゴのモチーフである「ペンギン」のキャラクターが動くことで、知的な緊張感の中に「親しみやすさ」と「遊び心」というフックを作り、訪問者の記憶に残るブランド体験を提供しています。
  • 実績を魅力的に見せる情報の整理 Web制作からアプリ開発まで多岐にわたる実績（Works）を、直感的かつ美しく閲覧できるようレイアウト。各事例のサムネイルやテキストの可読性にこだわり、技術力とデザイン力の高さがひと目で伝わる構成にしました。
  • 「個」のストーリーを伝える構成 単なる機能提供ではなく「人」との共創を大切にする企業として、メンバー紹介ページを充実。エンジニアリングや異業種（フローリスト）からの転身など、バックグラウンドの多様性を物語として見せることで、画一的なシステム開発会社とは一線を画す「人間味」をアピールしています。

使用ツール・技術

  • Design: Figma / Adobe Illustrator
  • Coding: HTML5 / CSS3 (Sass) / JavaScript
  • CMS: WordPress（カスタム投稿タイプによる実績管理）
  • Responsive: レスポンシブウェブデザイン

担当範囲

  • アートディレクション
  • UI/UXデザイン
  • フロントエンド実装
  • CMS構築
  • コピーライティング