見出し画像

お盆前特集号！7月の気になるサイト11選。

iDID Magazine

こんにちは、iDID Magazine編集部です。
あつい、夏。今日は８月９日（金）ですが、明日からお盆でお休みに入る方も多いのではないですか。お盆休み直前でお忙しい方も多いかもですね。

梅雨も明けて、学校も夏休み。みなさま帰省だったり旅行だったり、楽しい2024年夏を過ごしていきたいですね（夏の予定が全く決まっていない中の人…）。熱中症には気をつけて水分補給はこまめにやっていきましょう。

今回は、お盆休み前の総決算。７月に話題だったサイト11選をやってみたいと思います。キーワードは「愛」です。

それでは、どうぞ！


1. モンブラン ブランディングサービスサイト

キーワードは、愛❤️

７月の話題をさらっていったのは、モンブランさんのブランディングサイトでした。このサイトでモンブランさんは「ブランディング」を「人に愛されること（＝ずっとの、ともだちづくり）」と定義。このサイトはその「愛されること」を自社サイトにおいて体現したとも言えますね。

代表の竹田さんのポストを拝見すると、仕事において「会いたい人に会いにいく」「気持ちはその場で伝える」「目の前の仕事に全力を尽くす」ことを意識されているそうで、その姿勢の中に滲み出ているのはきっとやっぱり「愛」なんですよね。どうしても、ブランディング＝ビジネス的キーワードだと捉えてしまいがちですが、話はもっとシンプルなのかもしれない、と。

クリエイターさんの反応が大きかったのも印象的で、おそらくみなさん「そう、愛なんだよな」と思ったのではないでしょうか。これを書いているわたし自身「自分の仕事には、愛はあるのか」と考えなおしました。ものづくりに携わる全員が自分自身の仕事を問い直されるような、クリエイティブの根底を揺るがすようなサイトでした。

■統括：竹田京司（株式会社モンブラン）
■クリエイティブディレクター：福永あずさ（@fukunagaazusa）
■キャラクター
デザイン／村井健太郎（@Kenken_Sketch）
制作／http://KIGURUMI.BIZ（https://kigurumi.biz）
■デザイン：松原史典
■デザイン＆実装：小林洋平（@_vayasico）
■ブランディングはじめてばこ：アプアロット
■フォント：杉村武則（https://oval.work）
■スチール撮影／キービジュアル＆対談：内村友造（https://log-photo.jp）
■スチール撮影／対談：
山口亜希子（https://yamaguchiakiko.jp）
穴見春樹（https://harukianami.com）
大塚淑子（@yoshiko_otsuka）
橋本大（@Dai_Hashimoto_）
■はるかの営業日報：
内田麻美（https://instagram.com/asami.uchida/）
野田陽介（@yousuke800）
■文章サポート：
山内陽子（@daizu0506） 野口奈津
■各サービス動画：木村聡志（@soushi0712）
■活動動画：高木玲良

2. TOYOTA FINANCE DESIGN TEAM

クリエイティブへの惜しみない愛を感じる

同じく、大きく脚光を浴びたのはこのトヨタファイナンスのデザインチームのウェブサイト。このサイトが公開されたときに話題になったのは、ノーコードツールのSTUDIOを使っているということ。どんなカスタムコードを書いたのか、気になっちゃいますよね。

スタジオディテイルズさんにとってもSTUDIOでの実績第一号だそうです。シングルページでサクッと見られますが、Blenderで作られた街が浮かび上がって絶え間なく動く様子も、滑らかな動きも、ランダム表示も素敵。ノーコードでこのクオリティのものを作りあげるところに、ディテイルズさんのクリエイティブに対する強い意志をひしひしと感じます。

Client：トヨタファイナンス株式会社
Account Executive：小林 尚規
Art Director：小猿 啓太
Lead Designer：豊田 メル
Assistant Designer：福邉 美波
Lead Developer：大島 涼佑
Photographer：相川 健一（フリーランス）

3. FunTech コーポレートサイト

ステッカーをばちばち貼る＝「クリエイティブを楽しむ」

クリエイティブはいつも私たちを湧かせる「ロマン」。このサイトに詰め込まれたクリエイティビティを表現するのにぴったりなコピーですよね。ここ数年でFuntechさんのお仕事をよく見かけるようになりましたが、かくいうわたしも、Funtechさんのクリエイティビティに引き込まれたひとりです。

サイトのトップに現れる「得体の知れない球体」。ここにはステッカーをばっちばちに貼り付けることができます。ここの「楽しんでステッカーを貼っちゃう」こと＝Funtechさんの「クリエイティブをひたすらに"楽しむ"こと」を象徴しています。OUR TEAMメンバーページの写真も、アーティスト集団みたいでかっこよすぎませんか…？多彩なメンバーたちの情熱と勢いが感じられ、ワクワクと冒険心を促してくれるような、そんなサイトです。

Web Branding
Strategy Planner / Creative Director : OHTA Yoshitaka
Designer : KARIYA Yuya
Frontend Developer / Motion Designer : HASHIMOTO Takuma
GIF Motion Designer：OHNO Taiki (Partner)

3D Animation
3D Motion Designer：Terence Philippe de vries

Logo
Director : OHTA Yoshitaka
Designer：FURUHASHI Yuri

Show-reel
Producer / Director：UEDA Taro
Editer / 3D Animation Designer : KONDO Naoyuki
Sound Designer：Mafi (Partner)

Photography
Director / Designer：KARIYA
Yuya Shooting：SHIMAZAKI Yuji (Partner)

Releasing Promotion Video
Motion Designer：OHNO Taiki(Partner)

4. 多摩美術大学 彫刻学科研究室

絶妙な「読みにくさ」が、文字を読ませてしまうよ！

イントロの彫刻作品の集合体からして独特の世界観で面白いこのサイト、トップページの「TAMABI SCULPTURE」や「多摩美術彫刻学科研究室」などの文字が削られていて絶妙に読みにくいんです。

この読みにくいという違和感によって、むしろその対象に注目してしまうところがポイントで、その理由も「彫刻だから削れているのだ」と気づいたときの腹落ち感。サムネイルたちも削れていて、楽しい。「彫刻＝削る」というテーマ性、そしてそのテーマの表現までが巧妙。このちょっとしたフックでコンセプトの強度がまったく変わってきますよね。好きなサイトです。

制作：お分かりになる方、ぜひクレジットをご紹介させてください！

5. 林士平のイナズマフラッシュ

クライアントへの愛が、クリエイティブを加速させる！

漫画編集者、林士平さんのポッドキャストの公式サイト。ここではいわゆる「縦スクロール」という概念は破棄され、少年ジャンプの誌面みたいな「どでかい画面」を縦横無尽に移動だーーー！コンテンツを読む順番が存在しない「カオス」だからこそ、読めるところからだらだら楽しんで読んでしまう。この感じ、ラジオやポッドキャストをだらだら聴く感じに似てるかも。

あまたあるポッドキャストの中で、あえてここまで作り込むことで、単なるアーカイブサイトではなく「イナズマフラッシュ」のプロモーションサイトとしても機能しており、結果的に他のポッドキャストとの差別化ができているところもポイントです。

Client：株式会社ニッポン放送
Project Team：MASKMAN Inc. / toys inc.

MASKMAN’s Staff
Producer：ナカニシケイゴ
Director：高須 文彬
Designer：菅野 友香

6. emuni

斬新なのにスマートなんです

トップページの左側に並び、「㎡」の文字を超えていく数字のナビゲーション。印象的ですよね。worksではサムネイルがマウスでぐにゃぐにゃ動いたり、works詳細の横に並ぶ他の実績一覧の見せ方なんかも、ありそうでない、新鮮かつ創造的なデザインです。「㎡」とは「平方メートル」でもあるわけで、だから、基本のモチーフが正方形（平米）なんですね。これに気づいたときは鳥肌ものでした。newsの日付の表示のさせ方も、クレジットの見せ方も斬新、なのにスマートなんです。想像の上をいく斬新なデザインとアニメーションが表現されているサイトです。

デザイン：中野 浩明（Three inc.）
実装：Keita Yamada

7. アコーダー株式会社

クリエイティブと数字の説得力

アコーダーさんのコーポレートサイトがリニューアル。なんと10数年ぶりのサイトリニューアルだとか。白と黒を基調とした、スタイリッシュで機能的なデザインで、全体のスマートさに対して、あえてのカタカナロゴが印象的なサイトです。

編集部ポイントは、アコーダーのクリエイティブを多角的に数値化しているところ。「年間プロジェクト数」「ブランディング事例のリピート率」「お客様対応満足度」「クリエイティブ満足度の数値化」これらの数値は、長年顧客と向き合い続けて、素晴らしい実績を残してきたアコーダーさんだから出せる数字であり、それがクリエイティブと相互作用することでの「クリエイティブ＋数字」の説得力。制作事例ページの機能性の高さも見逃せません。

アートディレクションを担当されたアリサカさんのポストで「ファーストビジュアル全体でロゴマークを表現している」とあり、サイトを見直してみてあっと驚きました！

制作：アコーダー株式会社
実装：Wataru Kojima（@k_watuu）

8. Nauts™︎

この夏、ワクワクした案件のひとつです

この夏、クリエイター10名によるデザインコレクティブが始動しました。その名はNauts™︎。アートディレクター４名、ディベロッパーが４名、プロデューサー／プロジェクトマネージャーが２名という布陣で、誰かが呼びかけたわけではなく、Sunny Inc.原さんの人柄に惹かれて自然に集まったチームだそう。サイトもまさに、Nauts™︎のメンバーで作られたと思しき、素晴らしいサイトです。

プロジェクトチームの「編成の多様化」により、案件ごとに最適かつフレキシブルなチーム編成が求められてきていると思います。そういった中、個々でお仕事を受けながらも、コレクティブとして、プロジェクトのチーム編成フェーズから案件を受けることができる。これは強みですよね。Nauts™︎の今後の動き、iDIDとしても注目していきたいです！

制作：Nauts™︎

9. 株式会社 米

わかりやすさとわかりにくさの巧みなる共存

まず驚くのがメインビジュアルの動画で、リソグラフ風に仕上げられた意味深なモチーフが入れ替わり立ち替わり動き、あわせて社名・コピーが回転移動していきます。「叶える力になる会社」というコピーも一言で理解させるというよりは、もっと興味を持ってもらうことに重心を置いたような、絶妙で印象的なコピーですよね。このキャッチに限らずコピーもしっかり練られていて、ページごとに違うフッターのメッセージも見ものです。

米さんの事業は領域的に少し説明しにくいところがあるかと思うのですが、Our Serviceではその領域がわかりやすく説明されており、また隠しコンテンツのように存在するOur Cultureでは米さん独特のアティチュードが伺えて、この２つのコンテンツの相反性が米 Inc.なのかな、と勝手に解釈しました。コーポレートサイトのあり方をデザインの力で拡張していくようなサイトです。

Information Architecture：米田 米雄
Art Director / Designer：中川 博文（ANDMADE）
Art Designer：髙﨑 麻友美（HOME ECONOMICS EXPERIMENT）
Copy Writer：三浦 麻衣
Front-end Developer：能宗 孝信（lem）
Front-end Developer：池田 亮（devdev）
Interaction Designer：代島 昌幸 (Calmhectic)
Back-end Engineer：米田 米雄
English Copy：ザール 平和 セスナ（Soli Consultants）
Photographer：山本 宣明（山本宣明写真事務所）

10. 茶山台新聞

団地にフォーカスをあてた意義のあるサイトです

大阪府堺市南区の泉北ニュータウンにある「茶山台」の住民や団地にかかわる人たちのためのウェブメディア「茶山台新聞」。編集者も、執筆者も、地元の人たち。市町村という括りではなく「団地」にフォーカスをあてているところが新鮮です。今でも「町の掲示板」などに、住んでいる町のイベントなどが紹介されていたりすると思いますが、やっぱり住んでいる場所ってどういう人がいて、どういうイベントがあって、どういう日常があるのかをなかなか知り得ないと思うのです。その点、このようなローカルメディアがあると、人やイベントを知ることができて、自分の住んでいる地域の解像度があがって、土地への愛着もわいてくる。地域コミュニティのあり方を新たに見出す手段としてのサイトです。

運営：団地ライフラボ

11. Illustrator どいせな

イラストレーターの持ち味を丁寧に活かしたデザイン

シンプルなデザインでありながら、アニメーションのひとつひとつが心地いいサイトです。アニメーションが使いやすくて楽しい。また、特徴的なのは、どいせなさんが担当したお仕事の「デザイン」ではなくて「イラスト」をピックアップしているところ。そのため全体のトーンがよりシンプルに統一されており、それもまたこのサイトを心地よく感じる理由なのかもしれません。

WORKの「Illust」「Design」ソートや豊富な検索機能など、機能の充実度もポイント。イラストを「タッチ」で検索できるのも面白いですね。いずれも実績が300点もあるどいせなさんだからこその機能ですね。

プロフィールのイラストホバー時のアニメーションも、ユニークでありながら、「パーツベースでの着せ替えができるイラストレーション」がひとつの特徴とも思われる（？）どいせなさんの「らしさ」が出ています。機能のひとつひとつがちゃんとターゲット向けに考えて作られているところも素敵です。

デザイン：Shigetaka Mabe（@shgtk）
実装：hiro:processinger（@hiro_loveness）

おわりです！

まとめサイト、お盆前特集号。いかがでしたでしょうか。
編集部が見つけたサイトだけでも、ゆうに100サイトはありました。
みなさま、おつかれさまです！

今回はモンブランさんの影響か、ピックアップされたサイトたちを「愛」の観点で見ていました。そうするとやっぱり手法は違えど、そこにはさまざまな愛があって、愛にはいろいろなかたちがあるんだなあ…なんぞと思いを巡らせた、そんなサイトまとめでした。

残暑厳しい今夏も、ちゃんと帽子をかぶって乗り越えていきたいですね。
ではまた来月。
iDID Magazine編集部でした！

※８月９日の宮崎県日向灘沖の地震にて、被害にあわれた方にお見舞い申し上げます。皆様も地域を問わず、充分に備えをしていただければと思います。

この記事が参加している募集

#このデザインが好き

7,690件

この記事が気に入ったらサポートをしてみませんか？