事例一覧

日常の悩みや困りごとから、理解を深め、相談先を探せるようにしています 日常生活で感じる悩みや困りごとを入り口に、発達障害の基礎知識や対処法などを紹介するサイトです。身近な場面を通じて説明することで、ご自身や周囲の方の状況と照らし合わせながら、理解を深められる構成になっています。 また、当事者の方と周囲の方では知りたい内容が異なるため、それぞれの立場に合わせて情報を整理しています。セルフチェックや病院・クリニック検索への導線も設け、情報を知るだけでなく、必要に応じて相談先を探せるようにしています。

専門的な情報をわかりやすく伝え、必要な手続きへ案内しています 医師資格証がどのようなものか、どのような場面で使えるのかを紹介し、申請や各種手続きへ案内するサイトです。サービスの概要から具体的な利用シーンへと順を追って説明することで、初めて訪れた方にも内容を理解していただきやすい構成になっています。 また、新しく申請したい方と、すでに資格証をお持ちの方では必要な情報が異なるため、それぞれの目的や状況に合わせて情報を整理しています。申請方法や各種手続き、よくある質問などを確認しながら、必要な手続きへ進めるようにしています。

エバラ食品工業株式会社様の新商品「焼肉堪能」の発売にあたり、その商品ブランドページの制作をBit Beansにご依頼いただきました。 ご要望いただいたのは、新商品「焼肉堪能」の世界観に深く没入できるデザインです。「強い風味立ち」と「長引く後味」という商品の特長を、デジタル上でも直感的に伝えることを目指しました。 この「焼肉に没入する」という核となるコンセプトから、視覚的なシズル感を最大化させる「煙のアニメーション演出」を着想。肉が輝くエフェクトなどの細部に至るまで、制作初期から動的モックアップを用いた検証を重ね、理想の質感を追求しました。その過程では実際に社内で商品を試食し、その奥深い魅力を五感で捉えてクリエイティブへと反映しています。 商品ラインナップのセクションでは、背景や切り替えの見せ方を工夫することで冗長さを排しました。また、「楽しみ方」を伝えるイラスト制作においても、その世界観をキャッチーに表現し、商品の魅力を多角的に伝える構成をご提案しています。 ご担当者様の迅速かつ前向きなレスポンスと、丁寧な対話に支えられ、細部まで妥協のない熱量の高いサイトに仕上がっています。

Bit Beansは、2023年7月に創業20周年を迎えました。時々、Bit Beansの運営を大海を渡る小船のように夢想します。20周年記念サイトでは、海へ漕ぎ出、少しづつ乗組員の増えていった20年の流れを、右に流れるスクロールアニメーションで表現しました。アニメーションにはAfter Effectsを使用しています。

職員の異動時における業務の引き継ぎの難しさや、Excel中心の運用による業務効率の低下といった課題に対し、交通計画の現状可視化ツールと標準スケジュール機能を設計・開発しました。実務に即した設計を行い、Web上で利用できる業務支援ツールとして構築することで、交通計画業務の作業時間短縮と効率化に貢献。全国データの把握もしやすくなり、行政領域ならではの高度な要件に対応しながら、継続的に活用できる業務基盤を実現しました。

長年にわたり公務員試験対策書の出版、通信・通学講座実施を中心とした出版分野での実績を持つ、実務教育出版様のコーポレートサイト兼サービスサイトをリニューアルしました。 教育業界ならではの「信頼感」と「専門性」を伝えるため、シンプルかつ洗練されたデザインを採用し、ユーザーが必要な情報にたどり着けるよう、分かりやすい情報構造を構築しました。 また、サイト運用の効率化を図るためにMovableType.netを導入し、担当者様が簡単に更新・管理できる仕組みを実現。 さらに、最新のSEO対策やモバイルファーストの設計を取り入れ、ユーザー体験を向上させるだけでなく、検索エンジンからも評価されやすいサイトに仕上げました。教育業界らしい「誠実さ」と「親しみやすさ」を両立し、訪問者に安心感を与えるデジタル体験を目指しました。

SEGA XDの企業理念は　ー「衝動」で課題を解決し、人々を幸せにー　 スタイリッシュなデザインや、動きで理念を表現しています。サイトはCMSを利用して構築。ところどころにゲーム的な印象を残しています。

劇団四季のディズニー作品スケジュールを分かりやすく伝えることを目的に、ポスタービジュアルをベースとしたWebページを制作しました。ポスターの魅力を活かしながら、星などの装飾素材を新たに制作し、Webならではの演出を加えることで世界観を補完。劇団四季とディズニー、それぞれのブランドイメージが適切に伝わるようトーンを調整し、ディズニーらしい高揚感と両ブランドの世界観をバランスよく感じられるページに仕上げました

ミシンブランドのベビーロック様より、ブランドサイトのリニューアル制作をご依頼いただきました。長年にわたり培ってきた確かな技術力と、“ミシンは使ってなんぼ”という情熱を、より多くのユーザーに伝えるため、企画・情報設計からブランディング、実装までを一貫して担当しました。デザイン面では、ミシンという精密機器の機能美と、手仕事のあたたかみを両立させることをテーマに、柔らかなトーンと上品な余白設計を採用。プロフェッショナルから初心者まで、さまざまなユーザーが心地よくサイトを回遊できるよう導線を整え、ブランドの誠実さと優しさが自然に伝わる構成を意識しました。

クライアントのマーケターの方と何度も方向性を話し合い、サイト全体のキーワード「高品質/ものづくりへのこだわり/日本らしさ」を軸とし、クライアントが求めるかたちへデザインを昇華させていきました。配色はロゴマークである赤を基調とし、白をベースに置くことで「日本らしさ」を表現しています。また、不足した素材やメインビジュアルなどは弊社カメラマンが撮影しております。

SEGA様と共同で雑誌・ちゃおのサイトリニューアルを行いました。ロゴ制作とデザイン制作を行いWordPressでの更新性も担保した実装を行いました。現在も運用・更新作業を続けております。

花王株式会社のオウンドメディア「Kao PLAZA」の特集の1つとして制作しました。畳の製造過程や性能、畳にまつわる暮らしのヒントなどを紹介していくコンテンツページです。デザイン面では、い草の香りが漂ってくるような雰囲気のある写真を用いて、緑を多くあしらったビジュアルに仕上げました。畳の日本一の生産量を誇る熊本県まで取材や撮影にお伺いし制作しています。

花王株式会社のオウンドメディア「Kao PLAZA」の特集の1つとして制作しました。 毎日のように履いているくつした。そんな身近なくつしたはたくさんの工夫のつまった工程で製造されていました。衣料品の洗剤を扱う企業として、手入れの方法も掲載。日本屈指のくつしたの産地である、奈良県へ伺って、取材をしてきました。

関東圏を中心にビル管理や清掃業務を行うハリマビステムの採用サイトです。コーポレート改修に合わせ、採用サイトも改修しました。インタビューページにはWPを導入し、更新の利便性も高い設計です。ページ中に使われる写真素材の撮影ディレクションも行っています。

ポスターの内容をそのままWebサイトへ反映したいというご要望をもとに、ポスターや動画からトンマナ・世界観を読み取り、デザイン方針をご提案しました。レギュレーションを遵守しながらも世界観を損なわない表現を意識し、ファミリー感と大人向けの表現のバランスを調整。25周年という節目にふさわしい感情に訴える特設ページとして、ブランドの魅力や動画の世界観がWeb上でも伝わるページを実現しました。

複合型施設への熱い想いや、社会に対する役割についての共有をいただき、使命感を持って制作に取り組みました。質の良いアートを設置するなど、施設を利用される方が穏やかにすごせるよう考えられた施設のこだわりが伝わるよう、心地良さが感じられるサイトづくりを行いました。普遍的で流行り廃りのないスタイルを意識しながら、シンプルでありながらリッチ感も忘れずに「一度行ってみたくなる」デザイン表現を心がけています。

オーダーから意図を汲み取り、構成を作成。制作期間が短く、外部イラストレーターのアサインが難しかったこともあり、Bit Beans内でイラストも制作しました。

畜産・酪農などの分野において牛・豚に向けた医薬品を開発提供しているゾエティス社日本法人様の紙媒体・ウェブサイト制作等を企画立案からお手伝いしています。 主に業界誌などへの広告、製品カタログや営業補助のフライヤー・資料などの紙媒体の企画制作。また独自CMSを用いたメーカーサイトにて各種製品情報の提供、動画配信を用いたEラーニングの運用などを手掛けています。

社会人のビジネス知力を測る日経経済知力テストのサービス内容を説明するサイトです。ブランディングからご相談いただき、立ち上げと運用を行なっております。

マガジンサイトの簡易改修を経て、月次で6本程度の記事を担当。UCCのおいしいコーヒーをつくるクリエイター（社員の方々）の取材や、家でおいしいコーヒーを楽しむための記事、全国の銘菓とコーヒーのペアリングや、初心者向けの知識ものなど、バラエティ豊かな記事を作成しています。

日経様が行なっている経営コンサルティングサービスの発信サイトです。ferretOneでの実装で更新性も高い内容になっております。

都市交通調査に関する多様なデータ・知見を共有・開放し課題解決を促進するため設置されたサイトです。誰にでもみやすく、誰にでもわかりやすい形のサイト設計を行いました。

劇団四季創立70周年を記念した特設ページです。スクロールすると、一本の線が現れ、劇団四季とお客様が共に歩んできた人生の道のりを歴史を辿るように進んでいきます。さらに、劇団四季と過ごす彩り豊かな気持ちを、四季折々の花が開くように表現された絵の具が美しく開花します。一本の線が道のりを照らし、絵の具で描かれた花々が感情を豊かに表現しております。

日本で唯一の広告ミュージアム「アドミュージアム東京」の20周年記念特設ページになります。広告に触れた時に生まれるさまざまな感情をカラフルなエレメントで表現し、画面のスクロールに合わせて流れてゆくアニメーションで周年記念を華やかに楽しげに彩ります。 エレメントの実装は処理の軽さと制御のしやすさを重視し、lottie.jsでのアニメーションを選択しています。

長年の技術と知見を背景に、新たな味わいに挑戦するヱビスの派生ブランド「CREATIVE BREW」。その個性豊かな商品展開を支える存在として、A4メニュー、タブレットメニュー、B2ポスターのグラフィックを制作しました。トーンのご提案や写真撮影のディレクションから携わり、ビジュアル設計からデザインまでを担当。各商品の世界観を丁寧にひも解きながら、媒体ごとの役割やフォーマットに応じた表現を心がけました。また、メニューデザインでは、提供される料理とのマリアージュを引き立てることを意識し、装飾やレイアウトにも繊細に配慮。ブランドのメッセージと体験価値が、どの媒体においても一貫して伝わることを大切にしました。

アーティスト・藤原さくらさんの10周年を祝う特設サイトを、構成設計からコーディングまで手がけました。「きっちりしすぎない、少し抜け感のある雰囲気にしたい」。そんな思いを出発点に、情報を整理しつつも、ふっと力が抜けるようなレイアウトを意識しました。余白をたっぷりとり、読み進めるリズムにも心地よさを込めています。 全体のトーンは、くすみピンクをベースに設定。やわらかく、ナチュラルな空気がサイト全体に流れるよう、色の温度感にも細かく気を配りました。

イラストレーター＆アートディレクターとして半世紀以上のキャリアを持ち、今なお精力的に制作を続ける藤枝リュウジさん。絵本や装幀、個展作品などのイラストレーション作品と、パペット番組をはじめとしたテレビ・広告などのアートディレクション作品から500点以上を紹介。藤枝リュウジさんの「ハッチポッチ」な世界を堪能できるはじめての大規模展覧会の紹介サイトを制作させて頂きました。

公益財団法人吉田秀雄記念事業財団のロゴが新しく作成されたことに伴い、オフィシャルサイトの一部改修をご依頼頂きました。新たに採用されたロゴの世界観を軸に、これまで財団が大切にしてきた品位や信頼性を継承しつつ、わずかな遊び心を感じられるトーンに再設計しています。

吉田秀雄記念事業財団の設立60周年を記念し、これまで財団の活動を支えてくださった多くの方々に心より感謝を込めて。 「Beyond 60 Years, the Journey Continues.」そして「60年は、人とともに。」という言葉と共に、次の歩みを伝える特設サイトです。

株式会社サンセイランディック様より、地域活性化を目指す新事業として誕生した女性ライダー向け施設「Lady Blue 伊豆稲取」のWebサイト制作をご依頼いただきました。 実際に現地へ足を運び撮影した写真が最大限に映えるようレイアウトを設計し、キービジュアルにはドローンで撮影した映像を編集し使用しています。デザインは、ブランドテーマカラーであるピーコックブルーとカナリアイエローを基調に制作。柔らかな手書きイラストや優しいモーションを取り入れることで、女性にも親しみやすい温かみのある世界観に仕上げました。

不動産取得からリフォームをワンストップで行う事業を展開する、ノバレンズ様。オンライン経由での安定した問い合わせ獲得を目指していましたが、リスティング広告自体には一定の反応がある一方で、クリック後の離脱が多く、強みや実績が十分に伝わっていない点が課題となっていました。特に今後注力したい「クリニック開業」分野において、検討初期の院長に向けて、ノバレンズならではの価値を的確に伝え、相談につなげるための専用LP制作をご依頼いただきました。

建設業界の大手「大林組」による、オンラインイベントサイト「OBAYASHI LIVE SHOWCASE 2021」のティザーページから、イベント開催～クローズまでの一連のWebサイトを制作しました。

WEB制作会社として、いまを生きる生活者の集団として、サステナブルな社会や環境の実現にどう関わっていけるのか。BitBeansの取り組みをご紹介。 デザインに関してFigmaで制作し、プラグイン「Figma to STUDIO」を使いながら、STUDIOにて実装いたしました。 またイラストについては、既存サイト内にすでに同様のイラストが存在しているため、同一サイト内に存在しても違和感の無い様、トンマナにも注意を払い新規で書き起こしています。

デジタル領域を専門とする編集＆ライターのチーム「エクスライト」様より、ChatGPTを活用したサービス開発・プロダクト開発を支援する事業のLP制作を依頼いただきました。 デザイン面では、いくつかの方向性を提示して先方と綿密にやりとりをし、若い世代への訴求も視野に入れた現代的な淡いグラデーションの色使いとグラフィカルな装飾を用い、オーガニック＆エモーショナルな印象を醸し出しつつもサービスの訴求内容とブレが生じないよう意識いたしました。

長年にわたり公務員試験対策書の出版、通信・通学講座実施を中心とした出版分野での実績を持つ、実務教育出版様のコーポレートサイト兼サービスサイトをリニューアルしました。 教育業界ならではの「信頼感」と「専門性」を伝えるため、シンプルかつ洗練されたデザインを採用し、ユーザーが必要な情報にたどり着けるよう、分かりやすい情報構造を構築しました。 また、サイト運用の効率化を図るためにMovableType.netを導入し、担当者様が簡単に更新・管理できる仕組みを実現。 さらに、最新のSEO対策やモバイルファーストの設計を取り入れ、ユーザー体験を向上させるだけでなく、検索エンジンからも評価されやすいサイトに仕上げました。教育業界らしい「誠実さ」と「親しみやすさ」を両立し、訪問者に安心感を与えるデジタル体験を目指しました。

日本で唯一の広告ミュージアムである「アドミュージアム東京」の館内リニューアルを機に、サイトも一新。シンプルかつ機能的なUIを目指すべく、試行錯誤を重ねました。TOPページでは、東京の汐留に位置する当館の天気の情報から天候によって変わるインターフェイスを実装。無駄を省いたスタイリッシュなデザインは、貯蔵されているさまざまな広告物の魅力を引き立てるものとなっています。

創作だし茶漬け専門店「こめらく」、カジュアルワインビストロ「ワイン食堂旅する子ブタ」などを経営されるティー・ユー・ビーアソシエイツ様のコーポレートサイトです。イラストなども用いてティー・ユー・ビーアソシエイツ様が考えるブランドイメージを丁寧に表現しました。

キリンのクラフトビール「SPRING VALLEY（スプリングバレー）」のブランド刷新に伴い、Webサイトをリニューアルしました。 リニューアルの最大の目的はポップなイメージから高級感を前面に出したブランドイメージに変更するため、ブランドイメージを伝えるということを軸に商品の特徴をアピールしました。 それに伴い、「高級感」をテーマに、写真を大きく使いシズル感やテキスト、コンテンツのイメージを強調しています。