Studioで作成されたデザイン性の高いサイト最新事例|2026年3月版
Studio
2026.03.30
Updated:2026.03.30
2月にStudio ShowcaseおよびStudio Expertsに掲載されたWebサイトの中から、編集部視点で厳選した5つのサイトをご紹介します。

Studio
2026.03.30
Updated:2026.03.30
2月にStudio ShowcaseおよびStudio Expertsに掲載されたWebサイトの中から、編集部視点で厳選した5つのサイトをご紹介します。

「Editor’s Pick」では、Studio ShowcaseおよびStudio Expertsに掲載されたWebサイトの中から、編集部が厳選した事例をご紹介しています。
この記事では、2月に公開・登録されたサイトの中から、デザイン性や表現力に優れた5つの事例をピックアップしました。
メインビジュアルで展開される測量機器をモチーフにしたアニメーションが印象的。“測る”という行為そのものを、体験として感じられるような設計になっています。
さらに「測る=コミュニケーション」というコンセプトのもと、 距離や関係性を可視化する行為としての“はかる”を、コピーやビジュアルで丁寧に表現されています。機能や技術の紹介にとどまらず、企業の思想を、体験として届けている点が印象的なWebサイトです。
WebサイトURL:https://inoue-surveying.co.jp/
Experts:KKI DESIGN
Editor’s Picks📍Mar. 2026
— Studio | Web制作を、ノーコードで。 (@StudioDesign) March 25, 2026
「有限会社井上測量事務所」コーポレートサイト
→ https://t.co/OK3YHtpJbk
愛媛県西予市を拠点に、測量・設計・施工管理を通じて地域の社会基盤を支える井上測量事務所。… pic.twitter.com/XbSFbLRJr9
フィリピンと日本で子どもたちの支援を続ける「NPO法人アクション」のコーポレートサイト。
サイト全体を通して親しみやすいイラストと、ロゴのモチーフが生き生きと動くアニメーションがサイト全体に生き生きとした空気を生み出しています。一人ひとりの関わりが未来へとつながっていくプロセスを丁寧に描きながら、 「知る」から「共感」、そして「行動」へと自然に導く体験設計も魅力です。社会課題への向き合い方を、温度感のあるビジュアルと動きで伝える、完成度の高いWebサイトです。
Webサイト URL:https://www.action.or.jp/
Experts:株式会社アールイーデザイン
Editor's Picks Mar. 2026
— Studio | Web制作を、ノーコードで。 (@StudioDesign) March 5, 2026
「NPO法人アクション」公式サイト
→ https://t.co/h2TEKdtqIr
フィリピンと日本で子どもたちの支援を続ける「NPO法人アクション」。#Studioデザインアワード ノミネートサイトです。… pic.twitter.com/uiNCVu5mCn
チャレンジの連鎖で共に子どもの未来を拓く
— 渡辺 祐樹|Re:design / HOLON (@re_d) January 16, 2026
フィリピンと日本で、子どもたちの生きるチカラや夢にチャレンジする機会を増やすために活動する、特定非営利活動法人アクション様のWebサイトをデザインの寄付させていただきました。
制作は by #Studio ですhttps://t.co/ZPYyzFREkL pic.twitter.com/1IlakjkElK
クリエイティブチーム「soine」のサービスサイト。シンプルで余白を活かした構成の中に、さりげないマイクロインタラクションを取り入れることで、やわらかく心地よい閲覧体験を実現しています。主張しすぎない動きで、訪れる人に静かに寄り添っているような佇まいを感じます。
実績やストーリーの情報も丁寧に整理されており、初めてのユーザーでも迷うことなく理解できる設計に。安心感と信頼性を損なうことなく、自然な流れで読み進められる構成が印象的です。ミニマルなデザインと繊細なインタラクションがバランスよく共存し、コンセプトと体験が一貫して伝わる完成度の高いサイトです。
WebサイトURL:https://soine.jp/
ShowcaseURL:https://showcase.studio.design/ja/website/soine
オリジナルデザインをもとに、高品質なジャガードブランケットを制作できるOEMサービス「BLANKET LABO」のサービスサイト。ポップで楽しげなビジュアルやアイコンが印象的で、サイト全体に軽やかなリズムと親しみやすさを生み出しています。
一方で、制作の流れや仕様、価格感といった情報がわかりやすく整理されており、初めて利用するユーザーでも迷うことなく理解できる設計に。楽しさと機能性を両立させながら、問い合わせや発注へと自然に導く構成が魅力的なWebサイトです。
WebサイトURL:https://blanketlabo.com/
ShowcaseURL:https://showcase.studio.design/ja/website/blanketlabo
京生湯葉で「食べる楽しみ」と「栄養」を巻いた、新感覚のヘルシーファストフード「yuppa(ゆっぱ)」のブランドサイト。彩り豊かな具材を包み込む様子や、片手で楽しむシーンを切り取った動画により、商品の魅力を直感的に伝えています。 さらに、ポップな配色の中でキュートなイラストやパッケージが軽やかに動くアニメーションが、サイト全体に楽しさとリズムを生み出しています。
「健康をもっと楽しく」というコンセプトと、日常を彩る“あそびゴコロ”を、 視覚と体験の両面から表現した、ワクワク感あふれるデザインです。
WebサイトURL:https://yuppa.co.jp/
Showcase. :https://showcase.studio.design/ja/website/yuppa
Editor's Picks Mar. 2026
— Studio | Web制作を、ノーコードで。 (@StudioDesign) March 12, 2026
「yuppa(ゆっぱ)」ブランドサイト
→ https://t.co/sJqMm8JomZ… pic.twitter.com/nz76xSCIz1
📝フォントラボ
— 村田俊英 / Designer (@kookaking) February 14, 2026
yuppahttps://t.co/vXW43cFWm3
欧文フォント『Poppins』
・「テック系の洗練」と「ユーザーへの親しみ」を両立したい時に使える
・非常に汎用性が高く、現在のスタートアップ・デザインのトレンドを象徴するようなフォント
・インドのフォント制作チーム Indian Type… pic.twitter.com/9JjVkscF1Z
3月は、ビジュアルの楽しさや動きのある表現に加え、「伝え方」の巧みさにも注目しながら5サイトを選びました。コンセプトを体験として届けるサイト、ポップさと分かりやすさを両立したサービスサイトなど、表現と設計のバランスに優れた事例が揃っています。
新しいプロジェクトが動き出すこの季節。 今回のピックアップが、皆さんのアイデアや表現のヒントになれば嬉しいです!
Studioで公開したWebサイトは、プロジェクトダッシュボードから「Showcase」への掲載申請が可能です(※審査あり)。
>詳しくはこちら:Studioで作られたWebサイトを集めたギャラリーサイト「Showcase」への掲載 | Studio Help
Studioを活用したWebサイト制作をご希望の方は、Studioの制作パッケージプランよりお問い合わせください。
>Studioの制作パッケージプランはこちら:https://studio.design/ja/experts/package-plan
次世代のノーコードWeb制作プラットフォームを謳うノーコードツールです。デザインから、公開、CMSまで、すべてがここに。
無料ではじめる