
1月の気になるサイト10選! / 2025年1月
こんにちは、iDID Magazine編集部です。
これを書いているのは2月14日(金)。バレンタインの日ですね。この記事を書き終えたらチョコレートを買いに行こうと思います(自分のために)。2月も中旬、ここ数日は暖かくなってきたようにも思うのですが、反面、花粉も気になってきました。自宅でも窓を開けるのはほどほどにしたいですね。
さて、今回は2025年1月にリリースされたサイトです。前回が2024年12月ということで、2025年度はじめての「まとめサイト10選」になります。今回も興味深いサイトが目白押しになっておりますので、コーヒーとチョコレートを用意してご覧ください。
それではどうぞ!
1. PHOTOYOSHI

小さく並んだ写真が、無限ループスライダーで気持ちよく流れていくのですが、どこか"なつかしい感覚"がしませんか。まるで、プリントした写真をテーブルに並べて、ひとつひとつ眺めているような風情というか。
写真を大きくではなく、小さく俯瞰的に見せることで、逆に写真家の世界観の中に没入していけるんですよね。インテリア・ランドスケープ・ポートレートの各カテゴリも分けるのではなく、シームレスに閲覧できるようにすることで、利便性とともに、カテゴリを超えて「写真家の空気感」を俯瞰的に感じることができます。
カテゴリ詳細における写真と一覧の並列関係も、使いやすさがありながら、たくさんの写真の中から一枚一枚選んでいるような手触りを感じます。ホバー時のもこもこも同様で、古い写真を手に取っているような感触があるんですよね。シームレスな機能性と、なつかしさを感じさせるアナログな手触り感が見事に調和しているサイトです。
デザイン・実装担当しました!📷📸 https://t.co/xKFxtDHIeI
— muramoto meguru🐨 (@_____1345726) January 31, 2025
これすごいなぁ…
— 名村 晋治@Webディレクター29年目ᯅ (@yakumo) January 31, 2025
「写真を見る」という体験が根底からアップデートされた感じがする。
もちろん写真自体の良さもあるんだけど、「写真を見ることが楽しい」と思えてくる。
写真を見せるサイトを多く作ってきただけに本当に衝撃的です、これ。https://t.co/qaIlqWq9X8
デザイン・開発 muramoto meguru (Garden Eight) @_____1345726
2. penco® stationery & supplies

ローディングから文具が飛んでいておかしみのある、ペンブランド「penco」のサイト。pencoの製品には、サーファーだった創業者たちの軽い冗談から始まったという「遊び心と創造性」の精神が吹き込まれていて、なるほど、サイトのつくりも隅々まで、まるで冗談みたいな遊び心に溢れてる。
シールやふせんが動かせます。蛍光マーカーがひけます。メニュー動線が「はがしたくなるふせん」です。メニューを見る=「ふせんをはがす」アクションになっていますし、右下のNEW!ボタンは「ペン回し」です。
文具って、ちっちゃくて、かわいくて、ちょっぴり楽しい、そんな思い出がありますよね。そんな文具のコミカルさだけでなく、文具と過ごした「過去の思い出」まで誘発するような、"子供ごころなつくり"になっているところがポイント。プロダクトエリアのプロダクトのモーションも楽しいぞ!
こちら実装でお手伝いさせていただきました。
— Yusuke Fukunaga (@f_f_y_y) December 26, 2024
サイトのデザインもpencoのプロダクトも可愛いです。
ぜひご覧ください。https://t.co/cQzofpYucB
え、めっちゃかわいい💓
— ドルちゃん (@design_dolphins) January 29, 2025
雑貨屋さん?文房具屋さんかな?
ペンで書き込まれたりマスキングテープや値札出てきたり、見てて楽しい😍https://t.co/CsYxPDDFRl pic.twitter.com/Qnfb4ySDbS
Creative Direction : HIGHTIDE(Manami Yamaoka, Ryu)
Art Direction & Web Design : Ryota Ebina (eieio)
Development : Yusuke Fukunaga @yusuke__fukunaga
CL : HIGHTIDE @hightide_store
3. 創業100周年記念サイト - シヤチハタ

ともかく好きなサイトです。シャチハタということで、ネーム印の"印影(印名をおした後)"をモチーフにして、各種コンテンツすべてに印影が使われています。印影ってシンプルで人間味を感じにくいものだと思うのですが、100周年ムービー、歴史、各界著名人コメントなどのコンテンツ体験をしているうちに、ただの"印影"のはずなのにそこに壮大な歴史や重みがあったことに気付かされるのです。
歴史を大仰に見せるのではなく、あえてシンプルな苗字に収斂させることで、シンプルなシャチハタに、大きな背景が見え隠れしてくる。そして、気づけばハンコに愛着を持っているわたしがいる。表現方法が抜群で、ピラミッドフィルムクアドラさんの手腕、ここにありでした。
【制作実績のご紹介】
— PYRAMID FILM QUADRA INC.(ピラミッドフィルム クアドラ) (@QuadraInc) January 23, 2025
「シヤチハタ創業100周年記念サイト」
シヤチハタのアイデンティティである “印影” を主役にして100周年を賑やかにお祝い。
サイト内では2/6(木)まで、隠れ「鯱旗」をさがせ!ゲームキャンペーンを実施中です!https://t.co/2VvuXCu1UL pic.twitter.com/dJyamjFD9f
制作:ピラミッドフィルムクアドラ
プロデューサー:林宏介(@kouhaya)
クリエイティブディレクター:阿部達也(@ABETATSUYA)
プランナー:宇津木海斗
アートディレクター:横澤由香里(@asahirumi)、市原鉄兵(@Teppei_Ichihara)
テクニカルディレクター:高橋綾乃 プロジェクトマネージャー:小林祐介(@pfqcojp)
4. ikeryou.jp

ikeryouさんのスケッチアーカイブサイトがリニューアル。画面が縦長4つに分かれていて、見たことない様相を呈しています。全体の雰囲気としてもなんといいますか、レトロゲームだったり、90年代後半〜00年代のインターネットの雰囲気が醸し出されているように思うのですが、この「ある年代感覚」を現在に持ってくることで、その年代を知らない人は新鮮に、当時を知っている人はなつかしくなる、この感じは不思議で面白いですよね。
Sketchエリアの、作品サムネイルが立って並んでいるような見せ方もフォルダとかファミコン的であって、その一種の年代感が新鮮。そして、スケッチのすさまじい量がどれを見ても楽しく「何も考えたくないときに見ると脳がきもちよくなるこの感覚はなんだ?」となりますよ。ikeryouさんのコーポレートサイト https://devdev.jp/ も気持ちいいのです。
定期的に作ってるスケッチのアーカイブサイトであるhttps://t.co/aLMEX5iTA1をリニューアルしました!ぜひご覧くださいー / renewed sketch-archive-website Please take a look! / https://t.co/z7JeoD32p0 / #creativecoding #WebGL pic.twitter.com/7Htv2oIEZB
— ikeryou (@ikeryou) January 6, 2025
いつかのdoxasさんとお話していた、AwwwardsとJODIとの間の(いい意味で)ミドルブロウってこういうことなんじゃないかって思いました 素敵過ぎる https://t.co/1gkQpbWOFg
— 麦 ⌇Baku (@_baku89) January 9, 2025
制作:ikeryou @ikeryou
5. 書き初め2025|スピッカート

スピッカートのお年賀サイト。スピッカートの"古民家オフィス"が、手ざわり感あふれる世界観に作り変えられ、そこを擬似探訪できるつくりになっています。スタッフさんの想いを描いた"書き初め"やオフィス内の"ささやかなエピソード"を、ゲーム感覚で体験しているうちに、スピッカートの人となりや大切にしていることが、じわじわ染みわたるように伝わってくる。ゲームをクリアした人の中から抽選でお年玉までもらえる。まさに、スピッカートさんらしい愛を感じるサイトですね。
会社のらしさって、デザインだけではなく企画やコンテンツからも伝わってくるんだな、と思うと同時に、クライアントワークではない自主制作にはまさにその"らしさ"がありのままに現れるわけで、個人および企業にとっても大事なものかもしれない、と、あらためて気付かされるサイトでした。
明けましておめでとうございます🌅
— 細尾 正行/spicato inc. (@MasayukiHosoo) December 31, 2024
年賀サイト作りました。
本年もよろしくお願いいたします。https://t.co/S9MXK1NIut
制作:spicato inc.
Designer, Illustrator / TANAKA Miho
Front-end Developer / NABETANI Manaka, KANAYAMA Yuki
Assistant / NODA Minami
6. Muturelism Conference

(今回このページの上あたりで紹介した)ピラミッドフィルムクアドラから独立されたデザイナー、横澤由香里さんが担当したサイト「Muturelism Conference」。あまり聞き覚えがない言葉で覚えにくいところを(すみません)、まるで横山裕一さんのキャラクターみたいなキャッチーなエレメントがグッと惹きつけてくれるビジュアルです。
なんといっても「問」「集」「交」「わくらば」という4つのキーワードをシンプルに削ぎ落とした4つのエレメント。これらが相互補完しあっているかのようなロゴマークが秀逸です。思いがけない出会いや未知の問いが詰まっていくであろう「器」のようにも見えますね。
二次元と三次元のバランス感も絶妙で、トークセッションの"レイヤーがどんどん重なっていくところ"にはワクワク感も。ロゴ制作から、ウェブサイトまで横澤さんが担当しているから、クリエイティブが行きすぎることなく、ロゴの表現とウェブ表現の一貫性が感じられるサイトです。
▼実績紹介
— 横澤由香里|デザイナー|夜. (@asahirumi) January 14, 2025
株式会社Muture( @MutureCorp )主催「Muturelism Conference 2025」プロジェクト、ロゴ/キービジュアル/Webサイト/その他ツールなどのクリエイティブ担当させていただいております〜!
まずはティザーサイト公開!今後詳細追加していきます😳🤟https://t.co/zXfRHkJTZU pic.twitter.com/c1FnpLSmHE
サイトを通して今後展開されるであろう柔軟なクリエイティブが想像できるし、サイトから始まることで止まったグラフィックでも動きが脳内補完できるの素敵。 https://t.co/DZY5KuVO6L
— 木村浩康 (@hiroccck) January 15, 2025
Logo / KV / Web / その他ツール制作:横澤由香里 @asahirumi
7. 私食散文

こちらの『私食散文』は、STUDIO DESIGN AWARD 2024でiDID賞を差し上げました。その際のコメントをそのまま転載いたします。KAZUHA NAKAMOTOさん、すばらしいサイトを作ってくれてありがとうございました!
『私食散文』は食が好き、という想いからつくられたジン(ZINE)のウェブ版。冊子の構成をウェブでも再現し、まるで”会計後の長いレシート”を読んでいるような読後感を味わえます。個人的な想いを”パーソナル・ウェブジン”として昇華しているところが魅力でした。
この世には、目的や成果を度外視した、やってみたい”アイディアの原石”がたくさん眠っているはずで、その極めて個人的で、実験的なアイディアを実現できるのがSTUDIOというプラットフォームであり、ものづくりの可能性でもある。
このサイトにはそんなクリエイターの"まだ見ぬアイディアの可能性”が詰まっていると感じ、この度iDIDの”推しサイト”とさせていただきました。
KAZUHA NAKAMOTOさんの制作備忘録はこちら👇
できた!スイス装っぽい製本と、冊子版ZINEとWeb版ZINEで共通するレイアウトを試しています。#文学フリマ東京 E-46 https://t.co/QW7xigBdeF pic.twitter.com/JZB4X2DDZq
— KAZUHA NAKAMOTO ᝰᝰᝰ✍︎ (@nkmomonzu) November 30, 2024
制作:KAZUHA NAKAMOTO @nkmomonzu
8. 令和6年度警視庁採用サイト

警視庁の採用サイトをはじめて見たのですが、警視庁という仕事の意義をしっかり伝えつつも、先輩の声などの各種コンテンツを見ているうちに「警察官も普通の人間なんだ!」という当たり前のことに気づくんです。逆に、サムネイルからは「こんなドラマみたいなこと、本当にあるのか!」と思ったりもします。
警視庁の仕事って、ドラマなど「物語として」みることのほうが多いと思うのですが、このサイトには「ドラマで見てきたことは、本当にある」という"リアル"と「ドラマでは見てこなかった日常性」という"リアル"が共存しています。そのリアリティならぬリアルに引き込まれ、警視庁の仕事に興味が出てきました。それって、採用サイトとしては一種成功しているということだと思うのですが、どうでしょうか。
警視庁の採用サイトいいわ~!!職場の先輩の見せ方イケてる。FVで誠実な印象だしつつ、潜って進むと親近感とちょっとした華やかさを感じる。https://t.co/OrSnxLteXf pic.twitter.com/JXdGHPW0px
— タケ(幸野剛士)東京Webディレクター🦒 (@takelogtake) January 16, 2025
制作:お分かりの方はぜひ、iDIDまでご一報ください。
9. トーキョー煎餅(せんべい)

パッケージのビジュアルをそのまま活かしたFVで、まるで「包み紙がキレイなので取っておきたくなる感じ」を思い起こさせますね。洋菓子の発想を煎餅に取り入れたということで、サイトもスタイリッシュで和モダン。レトロでありながら、一周まわった新しさも感じさせます。FVの文字の動きはブロック崩しですが、今の目で見るとへんてこで可愛く新鮮ですよね。
プロダクトのホバーモーションも楽しくかわいい。これってBAKEさんのブランドなんですね!BAKEさんが和菓子ブランドを作っていること自体が新鮮でした。
このサイトいいですね
— nami@Accorder inc (@yusuke_nm) January 8, 2025
ページ遷移の表現とかこのデザインでしかって感じで自分もこんなアニメーション提案したいなと思いました!https://t.co/wbvqJy69HF pic.twitter.com/g27voimqE5
// 今日のサイト🍘
— iDID | アイディ・アイディ / 世界中のクリエイターをつなげるコミュニティプラットフォーム (@iDID_team) January 23, 2025
レトロかわいい新しい手土産、新しいお煎餅。
華やかさと新しさが、
散りばめられたサイト。
トーキョー煎餅https://t.co/RUOoSNrC24 pic.twitter.com/Kmp751qjR8
制作:お分かりの方はぜひ、iDIDまでご一報ください。
10. 名古屋たちばな高等学校マーチングバンド部

高校の「マーチングバンド部」のサイトなんです。大学の学部のサイトは見かけますが、高校の部活動のサイトってまず見かけませんよね。もう一点驚いたのが、こちらのサイト、マーチングバンド部のパフォーマンスに惹かれたデザイナーのおおはしさんが、自ら部に声をかけて制作したということ!
サイトのビジュアルも、写真は控えめでイラストを全面的に使用。アニメーションからは管楽器やシンバルやドラムの音が、鳴らないのに聴こえてくるような気がしませんか?あえて実際の写真や音楽を使わないことで、受け手にイマジネーションを沸かせ、聴いてみたいと思わせる。おおはしさんの「すごいから、みてください!」という声まで聴こえてくる気がしました。
情熱を持って、つくりたいサイトを、自ら声をかけて作ってしまう。そしてそれがSNSで大きく広がっていく。クライアントワークというものにとらわれない、何か新しい息吹のようなものを感じさせるサイトでした。
【 実績 】
— クックドゥ-ドゥ-ドゥ- | おおはし (@cddd_design) January 5, 2025
名古屋たちばな高等学校
マーチングバンド部の公式サイトを作成しました!
情熱的なパフォーマンスやカッコいい衣装に惹かれ、自分からお声がけさせていただきましたっ💃🏻https://t.co/CqRjPMu20H pic.twitter.com/hBbkwXsQyD
動くイラストが作り出す世界観がかっこいい!どんどん引き込まれ、自分もメンバーの一員になり、ステージで輝く未来を想像することができる。斜めの細い文字などは躍動感と手書きのように思いが込められた印象があり、特別な思い出を作りたい学生に響きそう。 https://t.co/UGtx2Am5XK
— ぱかっちょ (@pakaccho) January 7, 2025
制作:おおはし えりな(クックドゥ-ドゥ-ドゥ-)@cddd_design
おわりです!
2025年1月のまとめサイト、いかがでしたでしょうか。
今回も気になるサイトがたくさんありました。機能性と手触りがシームレスにつながった「PHOTOYOSHI」。ただの"印影"に壮大な歴史や重みがあったことに気付かされた「シャチハタ100周年サイト」。子供の頃の思い出をサイトでの体験によって思い起こさせた「penco」。"リアリティではないリアル"を感じさせた「令和6年度警視庁採用サイト」。自社制作/自主制作の可能性ということでの「名古屋たちばな高等学校マーチングバンド部」「書き初め2025|スピッカート」。などなどです。
今回は10点のサイトをご紹介しましたが、iDIDとしては正直、すべての公開されているウェブサイトは、どのサイトも面白い何かがあるのではないか、と思ってしまいました。それほどに、どのサイトを見てもやっぱり面白い。本当は全て紹介できればとも思うのですが、それだと永遠のサイト紹介マシーンになってしまうのが難しいところ。
ひとりごとがすぎましたね。ではまた、来月お目にかかりましょう。
iDID Magazine編集部でした!