“クリエイティビティ“を感じるミニマルデザインのサイトを作りたい【株式会社オールブルー様】meyco制作実績紹介
いつもお世話になっております。meyco（メイコ）株式会社です。
この度、弊社で株式会社オールブルー様（以下、ALLBLUE様）のコーポレートサイトリニューアルに携わらせていただきましたので、ご紹介いたします！
●ご依頼会社：株式会社オールブルー
●担当範囲：
企画・設計・ディレクション：Furuyama Yuta Yamamoto Shinya
アートディレクション：Furuyama Yuta
デザイン制作：Furuyama Yuta
コーディング実装：meyco engineer team
●制作物：https://allblue.jp/
プロジェクト背景
ALLBLUE様は「コンテンツプロモーション事業」「ブランド・デベロップメント事業」「メディア＆シンクタンク事業」を柱として、ビジネスを展開している企業です。
ご依頼いただいた背景としては、以前弊社が制作させていただいた株式会社TORIHADA様の制作実績をご覧いただいたことからでした。その後、代表の助野さまから”信頼感かつクリエイティブ性を感じるかっこいいサイトを作りたい！”というご要望をいただきました。
また、併せて下記のような課題を感じられておりました。
既存のサイトでは多数の制作実績を掲載するWORKSを押し出せていない
せっかくWordPressを導入してるが、更新したい箇所が更新できない仕様になっており、運用上不便
サイト内のコピーもメンバーの写真を刷新するので、メンバー自身もクリエイティブな表現で押し出したい。
上記のご要望を踏まえて我々としては、「ただ綺麗で”カッコいいサイト”」ではなく、ユーザ導線を整理しつつ、無駄な要素がない＆コピーを最大限に活かしたクリエイティブが強い会社という印象を与えるサイトを制作する方針でプロジェクトを進行いたしました。
誰に伝えたいのか。ターゲットニーズを明確化
まず、弊社が行ったのはターゲットの整理。
「ユーザーグラフマーケティング」というユーザー起点のマーケティングを中心に行なっている弊社としては、ユーザーに目を向けることから開始します。
▶︎ ユーザーグラフマーケティングとは？
ALLBLUE様のターゲットとしては芸能タレントなどを起用したテレビCMや商品プロモーションのマーケティング費用に多額予算をかける大手企業様が主要クライアントです。
企画・設計に注力をするのは大前提で尚且つ総合的なクリエイティブに力を入れたいお客様がメインとのこと。
そのようなターゲットに対してALLBLUE様の多数の実績を強く押し出し、UXとともに総合的にクリエイティブにこだわりを持っている印象を持つようなサイト設計を行いました。
ポジショニングマップで分析
UI/UXを重視したサイト全体のビジュアル・構成設計
まず、分析内容を元に、ターゲットに対してどのような構成・要素を配置すればALLBLUE様の強みを伝えることができるか設計。
ALLBLUE様が伝えたいこととユーザーが欲しい情報が収集しやすいように粒度設計を実施いたします。
この時にただ情報を並べるだけではなく、「どの情報を知りたい人がどういう導線で情報を能動的に取得するか」を考える必要があります。
上記のサイトマップと競合サイト分析を行ったうえで、分析内容を元に詳細のサイト構成設計を行っていきます。
今回の場合はよりユーザに伝えたい情報を際立たせるために、余分な要素・コンテンツを削減しつつ、豊富な実績をいち早くユーザに見ていただき、ALLBLUE様のスタンスや想い、特徴が伝わりやすい設計にしております。
顧客ターゲットを鑑みた時にTOPページに入ってきた人がいかに分かりやすく情報取得でき、またページ遷移をしやすい形にできるか、が重要だったため、詳細ページへの導線をビジュアルや文字を通じて表現し、ページ内回遊を促しました。
“クリエイティビティ“を感じるミニマルデザイン
上記のサイト設計を行なった後は競合分析した上でのUIデザインを実施しました。
ミニマルデザイン
ミニマルデザインとは、構成する要素をできる限り少なくしたデザインです。
すっきりとしたシンプルなデザインテイストは、邪魔になる要素が少ないことから、メッセージ性を強く打ち出せるメリットがあります。
デザインを作成する際、何でも目立たせたいという考えでは、結局何も目立たないという状況に陥る恐れがあるのです。
伝えたいことを明確に伝えるためには、ユーザーを惑わせる要素をできるだけ排除することが有効です。
デザインコンセプトとしては
REAL=〇〇の様々な要素を掛け合わせて昨日今日になかった新しいもの（クリエイティブ）を常に生み出していく
ALLBLUE様が得意領域でもあるコピーライティングをご準備いただき、そのコピーを存分に生かしたノイズがないミニマルデザインという方向性でデザインを制作しました。
実際にできたファーストビューのデザインはこちらです。
ALLBLUE様がユーザに届けたい＆こだわりを持っている下記のイメージをもとに、「REAL CREATIVE COMPANY」 を中央に大体的に打ち出し、背景のALLBLUE様のロゴの三角はノーマルでただコピーの横に設置するのではなく、 様々な要素（アイデア・妄想・構想など）を掛け合わせて昨日今日までになかったことを実現させていくをする革新的なクリエイティビティ感を表現する意味で参画の背景画像に複色のテクスチャ素材を起用してみました。
ALLBLUE様のロゴの三角は、ただファーストビューだけに設置するだけではなく、スクロールすると常に背景で追従するような普通のサイトとは違うあそび心のある仕様にしております。
ファーストビューの下は当初のご要望とおりユーザに豊富な実績を印象付けたいので、制作実績を設置してます。ただ静的に設置するだけはなく、右から左へアニメーションで流すことにより、豊富の実績があるとユーザに印象付けすことができる工夫をしております。
実際のTOPページの全体デザインはこちらです。
実際にクリエイティブにかなりこだわりがあるALLBLUE様からの求められるクリエイティブ水準がかなり高く、制作を進めていく上でかなり積極的にすり合わせのお時間を頂戴しました。なのでとてもクリエイティブなサイトが実現できました。
弊社制作実績
ここに掲載している制作実績の他にも様々な業界の多数の実績があります。
掲載実績外にもご興味のある方はこちらからお問い合わせください。
↓Web制作について、ご相談したい方はこちら↓
「会社・サービスのメッセージを整理しながら、コーポレートサイトをリニューアルしたい！」
「デザイン性が高い自社サイトを制作したい！」
「UI/UX改善を行ったECサイトがほしい！」
「meyco株式会社の制作チームと話してみたい！」
といった方は下記のフォームよりお問い合わせください！
2営業日以内に、担当よりご連絡いたします。
この記事が気に入ったらサポートをしてみませんか？