【ウェブサイトリニューアル】btraxデザインメンバーが明かす舞台裏ストーリーとは？

ウェブサイトの大規模リニューアルに大切な要素は何でしょう？

btraxはホームページを刷新しました。

この記事では、btraxのデジタルプレゼンスの変革を主導した主要チームメンバーの想いや制作過程で感じた生の声をお伝えします。

リブランディングの取り組みや、課題と解決策、プロジェクトを導いたビジョンはどのようなものだったのでしょうか。

btrax.com 「ホームページ」を刷新

鮮やかな色使いや、遊び心のあるインタラクティブ機能は、btraxのアイデンティティと創造性の進化を反映したものです。限界に挑戦しながら、デザインと機能性のバランスを取ることに興味がある方は、ぜひご一読ください。

ウェブサイトをリニューアルした主な理由は？

左からbtrax CEO Brandon, UIデザイナー Jared

Brandon（Founder and CEO, btrax）：今回のウェブサイトリニューアルは、btrax全体のリブランディングの一環です。AI等による社会の革新が起こる中でクライアントに寄り添うデザイン会社であることを表し、また、サンフランシスコと東京のチームをより普遍的なブランドアイデンティティで統一したいと考えました。

Jared（UI Desinger, btrax）：クライアントとの絆を強化し、さらに新しい訪問者を惹きつけるため、ウェブサイトに新しさを打ち出す必要がありました。btraxには若いメンバーが多く、活気に満ちており、新しいデザインはそんな我々の姿と進化を表現しています。

Suzy（Associate UI/UX Designer, btrax）：btraxのサービスはクリエイティブサポート以外にも拡大しており、会社が向かっている方向性の大胆さとインパクトを反映するためにウェブサイトを更新する必要があると感じました。

btrax.com 「Our Work」ページを刷新

リニューアル中に直面した最大の課題は？

Brandon：最大の課題の1つは、テキストの可読性を維持しながら鮮やかな色を使用することでした。btraxの文化を反映するためにより明るい色調を使いたかったのですが、デザインを視覚的に魅力的かつ読みやすくすることは簡単ではなかったです。

Jared：当初は、よりアーティスティックなデザインを目指していました。しかし、ユーザーへのヒアリングの結果、機能性もより強化する必要があることがわかりました。デザインの良さと使いやすさのバランスを取るのは大変でした。

Suzy：新しくノーコードツールFramerを採用しましたが、私にとっては初めての部分もあり、時間とリソースの管理が課題でした。いくつかの障壁はあったものの、ウェブデザイン自体は楽しみました。

今回のウェブサイトリニューアルを主導したSuzy

新しいデザインはbtraxのブランドアイデンティティをどのように反映していますか？

Brandon：新デザインのテーマは「ダイナミックでありながらスムーズ」です。遊び心がありながらエレガントなウェブサイトを目指し、それをインタラクティブな要素と全体的なデザインに反映させました。

Suzy：ニュートラルでクリーンな美学から離れ、より大胆なカラーパレットとタイポグラフィを採用して、自信と創造性を表現しました。これはbtraxのブランドの進化と一致しています。

今回のリニューアルに伴い、カラーパレットに明るい色を新たに採用。

Hiro （UI/UX Design Specialist, btrax）：大きな画像、丸みを帯びた角、冒頭のリール動画で強いファーストインプレッションを与えることに注力しました。これらの要素が現代的で進歩的なイメージを醸し出しています。

ユーザーフィードバックはデザインにどのような影響を与えましたか？

Jared：ユーザーのヒアリングを踏まえた修正により、アーティスティックだけでなく、機能性も担保したウェブサイトを実現することができました。明確なCTA、ホバーインタラクション、より使いやすいレイアウトを追加しました。

今回のウェブサイトリニューアルでデザイン全体を担当した Jared

Suzy：より多くのインタラクティブな要素を取り入れて、楽しく魅力的な体験を作り出しました。使いやすさを損なうことなく、視覚的な喜びをユーザーに提供することが目標でした。

リニューアルで最も重要な視覚的な変更点は？

Jared：より明るい色を導入し、モダンな印象を与えるためにコンデンスドサンセリフフォントでタイポグラフィを更新しました。より生き生きとして魅力的になりました。

タイポグラフィーを刷新し、視覚的なバランスやメッセージの伝わりやすさを重視しました

Suzy：カラーパレットはより大胆になり、タイポグラフィーは自信と革新性を伝え、新しいブランドアイデンティティと一致しています。

Hiro：丸みを帯びた角を持つ大きな画像と冒頭のリール動画で、新しいウェブサイトに進歩的でモダンな雰囲気を与えています。視覚的な要素は、誇張しすぎない範囲で可能な限り大胆にしました。

新しいウェブサイトから訪問者に何を感じ取ってほしいですか？

Brandon：不必要なテキストを減らし、ビジュアルとインタラクションでbtraxのストーリーを語ることに注力しました。訪問者がデザインを通してbtraxの本質を感じ取ってくれることを願っています。

Jared：訪問者が、btraxを先進的な企業であり、クライアントニーズを理解し、デザインのトレンドを把握している会社だと感じてくれることを願っています。

Suzy：訪問者にサイトの探索を楽しんでもらいたいと思います。大胆なビジュアルとインタラクティブな機能は訪問者を惹きつけるためのものであり、今後も改善を続けるにあたって、フィードバックをお待ちしています。

ウェブサイトリニューアルを担当したbtraxデザインメンバー（左からHiro, Suzy）

イノベーションの最前線へ。​​btraxの新たな挑戦にご注目ください。

今回のウェブサイトリニューアルは、印象的なデザインとユーザーフレンドリーな機能性を融合させ、会社のダイナミックな進化を体現しています。btraxの創造性とイノベーションへの取り組みを示すだけでなく、様々な仕掛けでブランドの本質をあらわす魅力的な体験へとみなさんをご案内します。

新しいウェブサイトによりみなさまとの繋がりを深め、将来何かでコラボレーションできることを願っています。

btraxの新しいウェブサイトを見る