ハローキティ×裏ボアパンツ

ハローキティとコラボレーションを行った商品企画の特設サイトです。キティの世界観を演出しながら、「本をめくる」という演出を行うにあたって、Reactを採用してSPAとして開発しました。モバイルとPCでマウントするコンテンツをダイナミックに切り替えた点もポイントです。

Uraboa Pants Hello Kitty

榎田 里菜（株式会社Ｉ－ｎｅ）

井上 敦貴（株式会社Ｉ－ｎｅ）

I-ne

BOTANISTを筆頭に、数多くの化粧品を企画開発・販売されているI-neさまのコーポレートサイトをリニューアルしました。サステナビリティを軸に据えたI-neさまのパーパス設計を中心に据えながら、コーポレートサイトとして情報の見やすさ・リーチのしやすさを担保しつつ、見た目の美しさ・インパクトを最大限に引き出すことを心がけました。

山本 亜希帆 / 仁科 香澄 / 藤井直也 / 中村 明史

中村 昌司 / 高野 広菜 / 庄野 響

東京都防災アプリ

2018年3月1日に初めてリリースした東京都公式の防災アプリをお子さまやご高齢の方、さらに外国の方が利用しやすいようリニューアルしました。言語選択に「やさしい日本語」を追加し、さらに幅広いユーザーに向けてひらがなの多い「キッズモード」、文字を大きく表示した「シニアモード」が選択できるようになりました。ゲームをするように楽しみながら防災を学べる「防災シティ」にも注目です。

Tokyo Bosai App

三上 悠里（三上悠里デザイン事務所）

株式会社アーキペラゴアーキテクツスタジオ

CIクリエイティブを行ったグラフィックデザイナー「三上悠里」さんが定義された「周りの空間に応じて文字間・行間が変化することによって、構造は変わらないがトポロジカルに変化する」という表現を、デジタル空間ならではの発想と技術を活用し、「デバイスやウィンドウサイズを空間」と捉え、フレキシブルでシームレスなCI/VI表現を試みました。

Archipelago Architects Studio

RoomClip×リンナイ

ドアパネルにステンレスを使用しているスタイリッシュな食器洗い乾燥機。商品写真は、静けさと凛とした佇まいで洗練されたキッチンの様子を伝える一方で、食洗機を導入したことで家族の時間が増え、リビングに集って暖かな会話がなされる。それぞれの場面を、記事を読み進める中で感じて頂きたいと思い、記事の内容に集中して頂けるようなるべくシンプルなデザインを心がけました。

Rinnai

ブラックジャックギア

「トレーディングカードゲーム」と「ブラックジャック」を掛け合わせた対戦型のオンラインカードゲームのサイト構築を行いました。一癖あるフォントをポイントとして要所に用いつつ、全体としては「知的さ」と「コミカルさ」を共存させました。

BlackJack Gear

田村 大輔 / 竹内 舞優（PARK Inc.）

ステラシード株式会社

化粧品・医薬部外品等を販売されている会社のサイトリニューアルを行いました。商品の完成された美しさと、それを創り上げる過程の「愛おしさ」や「焦ったさ」「葛藤」を、MVやサイト全体の演出に落とし込みました。また「世界中に、心きらめく種を」のコピーを元に、マウス追従型の「きらめき」表現・演出にもこだわりました。

Stella Seed

2時

企画デザイン会社のサイトリニューアルを行いました。商品アイデアやデザインの「ユニークさ」と、ものづくりに向き合うひたむきな「真面目さ」を両立させ、かくし味のように遊び心を散りばめました。すでに２時をご存知の方にも、これから知るという方にも、ぜひ楽しんでいただけるサイトになりました。

niji

中根 佳菜子 / 松原 沙希（PARK Inc.）

佐藤 新也（SHINYA SATO PHOTOGRAPHY OFFICE）

nekopi

猫をモチーフとした傘のLP制作をしました。とにかく可愛らしく・楽しい気持ちになれるよう、リズミカル・ポップでテンポのよい演出表現を行いました。

株式会社UNBALANCE

AIを利用したIntelligence Board、その他サービスの企画・開発・提供しているゲーム会社のコーポレートサイトリニューアルを行いました。リニューアルしたロゴマークを各所にあしらいとして散りばめつつ、「たのしさめぐる」という会社スローガンを全体のデザイン・実装に落とし込みました。

UNBALANCE

haco! ah! #ハート団のしわざ

ファッションブランド haco! が発信するハートフルな世界を表現するプロモーション動画・WebCMを作成いたしました。企画と絵コンテ計画をhaco! の小倉さんと行いながら、ロケハン〜撮影〜編集ならびにLPの作成を通してプロモーション活動全般を担いました。

haco! Attach Heart

Kaho Nagao / Midori Saito / Kenny Walker（B&H）

Satoshi Hachiya / Satoru Onoda（Carecle Inc.）

TRAN CONG VINH QUY / Kazuma Hirahara (LITdesign)

Earthboat

自然に触れるために作られた、サウナ付きタイニーホテルのブランドサイトの実装を担当しました。建造物を立体的に見せる演出を計画し、ただスクロールするだけで外観・内観を巡るように体験できるUXに。メッセージを印象的に、そして情緒的に伝える為に作り込んだコンセプトページになりました。

MBS 安倍元総理 “銃撃の記憶” 

MBSによって企画された、安倍元総理銃撃事件の記録サイトを制作しました。安倍元総理・山上被告・現場の俯瞰視点と、３つの視点をリアルタイムに切り替えられるUI。安倍元総理は360度視点で描き、当時の状況をその視点に立って知ることのできるUX。全てのページをシングルページとして設計しつつ、画面遷移や要素表出にこだわりを持ちながら演出表現を行いました。

株式会社IAM

広告制作・ブランディング会社のコーポレートサイトリニューアルを行いました。「あらゆる規模や形態のブランド価値・アクティベートに寄り添い具現化していく」という柔軟で有機的なブランドアイデンティティを「水」「光」「波」といったモチーフに落とし込み、モーフィングを活用しつつ制作しました。

編み図の巣

棒針を2020年から始められた佐藤 奈央さんにお声がけいただき、編み物初心者の方へ向けた『わかりやすい編み物お役立ちサイト』を制作しました。すっきりとシンプルなデザインの中に、アクセントとして一癖あるあしらいやアニメーションを潜ませ、回遊を楽しんでもらえるような作り込みを行いました。

amizunosu

DOT BUSTER × DOT FORCE

酵素洗顔パウダーからスタートした「DOT BUSTER」という毛穴の対策の商品、乾燥毛穴ケア化粧品・美容液「DOT FORCE」を発売・展開するに即して、ブランドサイト構築の実装を担当いたしました。全体としてメディカルな薬品っぽさ、また「シャープ」「クリーン」「ソリッド」というイメージを念頭にメリハリのある演出をしました。

高野 広菜 / 清水 花菜 / 中村 昌司

NP後払い

業界NO.1の実績を誇る、コンビニ後払い決済の法人向けサービスサイトのリニューアルを行いました。堅苦しくなりすぎないように全体的なトーンやイラストを調整する一方で、伝えたいメッセージがまっすぐユーザーに伝わるように情報のまとまりも意識しました。

NP Atobarai

北川 パーヤン（STUDIO DETAILS Inc.）

本多 佳羽 / 遠藤 龍平 / 庄野 響

ナトコ株式会社

様々な塗料を開発してきたメーカーのコーポレートサイトリニューアルを行いました。地球を模した球体に塗料が集合するよう描いたKV、それをホバーやスクロールといったマイクロインタラクションにも一貫して活用しました。加えて、非同期遷移の活用によって得られる、クイックでストレスフリーなページ閲覧体験を実現しました。

NATOCO

もう中学生 × 佐藤栞里 × 裏ボアパンツ

株式会社フェリシモのカジュアル女性ファッションブランド「リブ イン コンフォート」、新作パンツのプロモーションページを制作いたしました。佐藤栞里さんともう中学生さんという「可愛い」×「可愛い」を具現化したコラボレーションによるインタビュー企画を、ワクワクそのままに表現しました。

Uraboa Story

haco! LOVE & PEACE PROJECT

ファッションブランド「haco!」が進める LOVE & PEACE PROJECT のプロモーションの一環として、Instagram / Facebook で使える、ARエフェクトフィルターを作成しました。笑顔になると♥がたくさん現れ、両手を挙げると大きな♥が現れる仕掛けです。好きを伝えたり、友達や大切な人の笑った瞬間を残したり、しあわせな瞬間をイメージしながら作り込みを行いました。

雨の水みちTOKYOプロジェクト

東京都市大学環境学・都市計画の教授からご依頼を受け、制作したサイトです。柔らかなトーンのイラストを用いつつ、はじめてサイトを訪れたユーザーにとっても分かりやすいUI/UXを目指しました。

mizumichi

B&Hさんのブランド戦略とアートディレクションの下、FDM株式会社のCI刷新に伴うコーポレートサイトの実装を担当いたしました。コンポーネント指向をベースとした繊細なレイアウトと演出の作り込みを追求いたしました。

ROOTH

BOTANISTから生まれた新ライン「ROOTH」のブランドサイトを構築しました。3Dモデリングを行いながら、立体的に描いたブランドコンセプトと世界観を表現しました。全体としては、植物・スパイスの持つ「生命力」と「神秘」を掛け合わせ、高級感の中にも「親しみやすさと品」を感じられる演出計画を心がけました。

RoomClip 10周年特設サイト

部屋のインテリア実例共有サイト「RoomClip」の10周年を記念した特設サイトの制作を担当しました。※「ブレーン」7月1日 発売号（2022年8月号）「CREATIVE NAVI DIGITAL」に掲載いただきました。

RoomClip 10th Anniversary

黄木 -銀座店-

創業100周年を目前に控えた、山形伝統の米沢牛を畜産から食肉加工・販売までを手掛ける「株式会社米沢牛黄木」のレストランのひとつ銀座店のサイトリニューアルを担当いたしました。

Oki Gizna

須川 美里 / 小倉 裕香 / 豊田 メル（Studio Details）

藤井 直矢 / 遠藤 龍平 / 本多 佳羽

エレファントストーン

映像制作会社のコーポレートサイト。映像をモチーフとした演出表現を随所にちりばめた制作実例です。

ElephantStone

アニマルフェイス

ブラウザの音声認識APIを用いたプチ実験アプリケーション。描かれたイラストの名前を答えて遊ぶ、こども向けのデジタルおもちゃ絵本です。

Animal Face

中村 昌司 / 高野 広菜 / 清水 花菜

アンファー パーソナルスカルプD

日本初となる男性用パーソナライズシャンプーを打ち出した予防医学のアンファーさんとの新しいチャレンジ。SPAを用いて診断サイトを構築し、ユーザーに対して最適なシャンプー&コンディショナーの組み合わせ提案を実現しました。

PERSONAL SCULP D

原 瑠璃彦 / 石塚 晶子 / 大倉 未沙都 / 安西 慧

原 瑠璃彦 / 石塚 晶子 / 大倉 未沙都 / 安西 慧 / 木下 悠 / 阿部 愛美

中村 昌司 / 高野 広菜 / 清水 花菜 / 中村 明史

翁プロジェクト

能楽の源流とされる「翁」を見つめ直し、世界に発信する為の活動「翁プロジェクト」のウェブサイト。文化の発信と保存としての役割をウェブサイトという媒体を通して携わることができ、非常に稀有な機会をいただきました。

Okina Project

内田 理穂 / 豊嶋 悠道 / 趙 正言（EDP）

インフロニア・ホールディングス

「前田建設」「前田道路」「前田製作所」3社統合による新しいホールディング会社のサイト実装を担当させていただきました。

Infroneer Holdings

ポケモン図鑑

公開されているポケモンAPIを利用して作成したポケモン図鑑。デザインデータを起こさずに、ソースコードだけで作成したスケッチワークの一例です。

Pokemon Book

モンスター・チャンネル

業種や天気、時間帯に合わせてオススメされるレコメンド機能や、時間を設定し音楽を変更できるスケジュール機能、多国籍スタッフに対応できるアプリの英語化など、店舗運営に即したBGMアプリのUI/UXを担当いたしました。

Monster Channel

まちがい探し

ちょっとした待ち時間に。外出時や移動時の時間遊びに。まちがい探しをスマホから楽しめるように開発した、ささやかなWEBアプリケーションです。

Find The Difference

Hotel Mini

「HotelMini」は、人気のない場所にあり、なかなか見つけることの出来ない高貴なホテル。そんなホテルで働く、個性豊かな使用人と高貴な宿泊客のことをこっそり紹介しちゃいます。

Find Out

名作「ウォーリーを探せ」の遊び心をオマージュした、探し当てゲーム「Find Out」。ちょっとした待ち時間に、外出時や移動時の時間遊びに、スマホで楽しでもらうことをイメージして制作したスケッチワークです。

株式会社プロペラ・アンド・カンパニー

商業施設、展示会、PRイベント等におけるクリエイティブディレクション・デザイン設計・施工及び運営管理を行う「株式会社プロペラ・アンド・カンパニー」のコーポレートサイトの実装を担当いたしました。

Propeller & Co.

オープンスカイ

プライベートジェットをサービスとして提供するOpenSky社のコーポレートサイトの実装を担当いたしました。浮遊感の演出に特徴が現れたWEBサイト事例です。

OpenSky

フェリサイクル

大切にしてきたけれど家で眠っているものを、よりよい社会のためのアクションに活用できるリユースプロジェクト「フェリサイクル」リユースすることとつながること、つづくことを、循環する円をモチーフに組み立てていきました。

Felicycle

落合陽一 オフィシャルサイト

落合陽一さんオフィシャルサイトの実装を担当いたしました。静かな黒色をベースとしたダークトーンに、きらめきのように映える光のアクセントが特徴的な事例です。

Yoichi Ochiai

電子商取引サービス TBLOCK SIGN

データ改ざんが困難な次世代技術ブロックチェーン上に構築された電子商取引クラウドサービス「TBLOCK SIGN」のデザイン及びフロントエンド開発の担当をいたしました。現在もアジャイルにて開発と運用を続けています。

TBLOCK SIGN

株式会社 電通 / 電通アイソバー株式会社

我如古 エドゥアルド（電通アイソバー）

ストン

BREATHER株式会社のブリージングデバイス「ston（ストン）」のWEB実装を担当いたしました。

ston

いけばな草月流 オフィシャルサイト

いけばな草月流のオフィシャルサイトのデザインワークを担当いたしました。草月のいけばなは「型」にとらわれることなく、常に新しく、自由にその人の個性を映し出します。幅広い層の会員に見やすいようにバランスをとった仕上がりを目指しました。

SOGETSU

東京都が推進する防災活動の中心的な存在として開発がスタートした防災アプリ。2018年3月1日にリリース以来、現在まで運用と機能追加の開発を続けています。App Storeの「今日のApp」はじめ多くのメディアや記事に取り上げていただきました。

TOKYO BOSAI App

まるごと冷凍丼

福井県の豊かな大地で育まれた「海産物」「畜産物」「白米」それぞれの最高峰ブランドの素材を丼とし、まるごと急速冷凍することで新鮮な冷凍丼をつくる技術が生まれました。その冷凍丼を販売促進する上で、地元の方々と話し合いながら、県の助成金を活用して作成したLP制作事例です。

Frozen Bowl

ガラフル

カラフルで柄ものが好きな女の子の為の雑貨ショップの「ガラフル」。ふたりの女の子が架空のお店を立ち上げたというストーリー仕立てでLP全体を構成し、ひとつひとつの商品の特徴が際立つように、それぞれに合ったアニメーション演出での作り込みを行ったLP事例です。

Galafull

SHAKE DE 福笑い

年始めのご挨拶の御年賀として制作した福笑いをテーマとしてWEBアプリケーションです。モバイルデバイスのジャイロ機能を使い「振る」という行為で福笑いを楽しんでもらう開発を行いました。

Uraboa Pants Hello Kitty

本をめくるように楽しんでもらう

OTHER WORKS

Uraboa Pants Hello Kitty

.css-h44txs-SummaryHeadingRow{display:inline-block;}@media (max-width: 768px){.css-h44txs-SummaryHeadingRow{display:block;}}本をめくるように楽しんでもらう

OTHER WORKS

本をめくるように楽しんでもらう