「ページが増えるほど更新が重くなる…」そんな成長中のBtoBサイトが抱える課題をどう乗り越えるか？約700コンテンツを持つ「アラジンオフィス」のStudio移管プロジェクト。単なるツール移行ではなく、"増やしても壊れない"情報設計と運用体制づくりの裏側を公開しました！

今回 root で、11月27日にリリースされた BAKE INC. の紅茶菓子専門店「TeaDrop.」のブランドサイト立ち上げを担当させていただきしました。 本サイト制作は、既に BAKE INC. のアートディレクターさんがブランドコンセプトや世界観を丁寧に作り込み、デザイン資料・写真素材・ワイヤーフレームまでそろえられた状態でのご相談でした。 そのため、Webサイトではその完成度の高いブランド資産・すでに確立されたビジュアルとコンセプトが存在する中で、Webの特性を活かし、どう翻訳し、どのように表現することで付加価値をつけられるか。 この問いからプロジェクトがスタートしていきました。 この問いに基づき、root から2つの方針をご提案しました。 A：写真素材を中心にしっかり見せる、ブランドサイトとして王道の構成 B：一方、世界観への没入やユーザーの共感を重視し、視覚的な重なりや体験演出にフォーカスした構成 最終的には、 双方の特徴を組み合わせた折衷案が採用されましたが、写真などのブランド資産をストレートに伝えつつ、 B案で提案した TeaDrop. の「紅茶の香りで満たされた幸せな空間に、すっと入っていく」ような、世界観の体験要素をアニメーションやサイト構成で取り入れました。 そうすることで、ロゴやパッケージのようなグラフィックでは伝えられない、Webならではの立体感と奥行きがある体験ができるブランドサイトとなりました。 また、TeaDrop.のようなブランドにおいては、「すぐにオンラインストアで購入してもらう」ことだけを目的とせず、ブランドの世界観や想いに共感してもらい、それが顧客の記憶に長く残ることが重要です。 Webサイトを単なる商品情報の陳列ではなく、「選ばれ続ける、きっかけをつくる場」として設計しています。 そのため、ブランドサイトを閲覧する体験の順序設計には特に力を入れました。 商品紹介の後に手元に届いたときのワクワクを想起できるようにパッケージビジュアルを配置する。 ブランドコンセプトのメッセージはテキストを単純に配置するのではなく、お菓子のビジュアルとグルーピングすることで世界観への共感・没入感を促す。 このような「情報をどの順番で、どの構成で積むか」を細かく検討し、顧客が自然にブランドを理解し、世界観に共感していける状態を目指しました。 商品を販売するオンラインショップではなく、ブランドサイトとしての役割は何なのか。 ロゴやパッケージ、写真といった静止している・面積が限られているデザインでは実現できない「動き」や「情報の積み重ね / 体験の流れ」を設計できることが、Webならではの付加価値の付け方だと考えています。 既存のグラフィックをただ並べるのではなく、Webという媒体だからこそ可能な表現で翻訳することが、今回のプロジェクトで特に重視した点でした。 結果、完成したブランドサイトは、単なる商品紹介LPではなく、TeaDrop. の世界観に触れ、共感し、必要な時に思い出してもらえる体験を提供するものになりました。 root では、 ロゴやVIの立ち上げ段階から共創し企画提案することも、今回の TeaDrop. のように既にあるブランド資産を尊重しながらオリジナリティを加えるような共創支援も可能です。 クライアントのニーズに応じて、共に事業価値を創るために、必要なデザイン体制、アプローチをご提案しながらデザインするのが root の支援スタイルです。 ブランド開発やデジタルへの展開をお考えの際は、ぜひお気軽にご相談ください。